Discover and read the best of Twitter Threads about #DesignSystem

Most recents (20)

לפני שבוע וקצת צומצמתי ממקום העבודה כחלק מגל פיטורים גדול. זה הגיע משום מקום.סוג של הלם. אני מבין שפה זה לא לינקדאין (שם כתבתי פוסט חיפוש), אבל אם לרגע אפשר, אז תודה לכל מי שעזר/ה, אתם מהממים ואתם יודעים מי אתם/ן! #פידטק #דבירמחפשעבודה
(לא תייגתי, אני לא יודע אם זה מתאים להם/ן)
בניסיון לעשות לימונדה מהלימון.
אז שרשור #דבירמחפשעבודה יוצא לדרך עם דברים שלמדתי along the way , אם מישהו אשכרה יתעניין בזה.

טוב, אז קודם כל לעדכן קורות חיים. לשבת לכתוב ולהיעזר במדריך ששתפה @ShaharAvigezer בשרשור חיפוש עבודה שלה שנכתב על ידי @esapir:

@ShaharAvigezer @esapir והמדריך (שרשור) האלמותי של @rinaarts לחיפוש העבודה, פה אני מפנה לכתיבת קורות החיים. בסוף השרשור הזה, יש הפנייה לשרשור כולו. כן כן, שרשור בתוך שרשור בתוך שרשור.

בקיצור מומלץ בחום.

Read 26 tweets
My post impressions from 2022:

Twitter: 6,824,000

LinkedIn: 2,292,897

I wonder how much this will shift in 2023 from to the combination of my post frequency, Twitter leadership change, and LinkedIn algorithm changes 🤔 👀

Here are my top 3 tweets/threads from 2022 🧵:
#3: My top tip about #designsystems (and design, and work, and life): do less.
#2: My daughter noticed a correlation between the pattern on a basketball and on a basketball court. Coincidence or design?
Read 5 tweets
What is a #designsystem? You’ve probably heard lots about them. You may have even worked on one, but you still struggle to define it.

Here’s how I talk about #designsystems to anyone who will listen: 🧵
There are many great design system books out there. Let’s see what their authors have to say about design systems:
“A design system is a set of connected patterns and shared practices, coherently organized to serve the purposes of a digital product.” — @craftui, Design Systems Design Systems, by Alla Kho...
Read 15 tweets
One of the biggest pain points for #designsystem teams is naming (components, patterns, tokens… anything).

Here are my most useful tips for naming design system things (part 1).

🧵
A few years ago, I was lucky enough to help @RFERL with their design system. They had—and still have to this day—this component all over the site. What would you call this? A carousel? A banner? A slider?

Wanna know what they called it?
They called it “Fred.”

Seriously.

Look at the source code. The element is called <div class="fredContent">. HTML showing an element wit...
Read 9 tweets
I’ve worked with #designsystem teams at companies like Amazon, Netflix, Google, and more. The most common blocker about #designsystems I hear from them is, “I never really looked at it that way.”

My biggest tip for reframing #designsystem work to make it more approachable:

🧵
Do less.

Almost every team I work with tries to make their design system do everything. They stress themselves out, trying to tackle too much and end up accomplishing nothing.

Pick a handful of things, and do them really well.
Many mature #designsystem teams I talk to have one thing in common: they’re REMOVING components from their design system. They’ve realized they can’t support everything, so they’re trimming down to just the things they know they can fully support.
Read 4 tweets
Warren Buffet once famously quipped, “Risk comes from not knowing what you’re doing.” If improving your #designsystem is one of your goals for 2023, make sure lack of knowledge isn’t one of your blockers.

A new resource for you in this thread 🧵 Phone showing design system...
There are so many resources out there now for learning more about #designsystems! A wealth of public information is great, but it often comes with analysis paralysis. Where do you start? How do you separate the signal from the noise?
I’ve been working on a simple resource to help with this. I’m launching my Design System Advent Calendar today, my own customized lesson plan of 24 valuable and short lessons to help improve your knowledge of #designsystems.
Read 5 tweets
Design System Metrics Collection 🌈💥

I created this list as an inspiration for what exists and works for my clients.

#designmetrics #designsystem
Before you choose your metrics, you need to ask yourself:

➡️What kind of impact do you want to achieve with your Design System?
➡️What’s your goal (quarterly, yearly)?
➡️What can save you money?
➡️What can bring you money?
➡️How can you improve efficiency?
➡️How can you improve the quality of your work?
➡️What would help designers/developers speed up their work?
➡️How can you ensure more consistency?
➡️What are your existing business drivers?
➡️How many resources can you put into building a design system?
Read 9 tweets
Getting from point A to point B in the design system lifecycle requires an adaptive framework. For the first time, I'm introducing the SHELL framework. 🔥 🌀 ➡️

#designsystem
It takes a village to build a design system, and no organization is the same. Some can afford bigger teams, while others try to start something with only one designer. The needs are different, and the experience in building design systems varies greatly.
I was thinking about how to summarize the never-ending process to the clients. 🤔

With the SHELL.
Read 12 tweets
SET UP A DESIGN SYSTEM 🌈🔥
Free Step-by-Step Interactive Guide Image
Structure, welcome home. 🎯

Your design system is more than a collection of reusable, shared assets. It should be an adaptable system of foundations, patterns, guidelines, components, and tools. Think of it as the hub that combines all the best practices for creating products.
I'm writing bite-sized lectures full of hands-on tips and tricks. They are written in simple language, so you can start implementing them immediately in your work. The guide is clickable so that you can use it as a checklist. 😊
Read 5 tweets
The Ultimate Design Systems Resources List
designstrategy.guide/design-managem…

*Some insights for the most clicked links >

#designsystem #designsystems #designtokens Image
THE MOST POPULAR PLUGINS:*

Figma Tokens for managing design tokens by @six7 and @EstherCheran

figmatokens.com
THE MOST POPULAR TOOLS FOR COLORS:*

Farbvelo by @meodai generates colors, palettes; awesome color inspiration
farbvelo.elastiq.ch

and

Supa-palette
supa-palette.com
@angeloldesigns
Read 6 tweets
Setup a design system: Step-by-Step Interactive Handbook -->

#designsystem #designtokens #designmetrics Image
Bite-sized lectures are full of hands-on tips and tricks, written in simple language, so you can start implementing them immediately in your work. The prototype is clickable, so you can use it as a checklist.
Table of contents:
✅ Where to start (PUBLISHED)
✅ Design Audit (PUBLISHED)
Structure of the design system
Design Tokens and how to use them effectively
Planning, Roadmap
Collaboration
Adoption
Metrics
Resources

PS. I will release new chapters weekly.
Read 4 tweets
Para crear una librería de components en #reactjs siempre te recomiendan:

1. Empezar de cero 🤢
2. Usar una librería y cambiar los estilos 😢

Hay una tercera y MEJOR opción:

✨ Componentes primitivos ✨

❤️ ¿Me ayudas con un RT?

🧵 HILO
Los components primitivos son accesibles y sin estilo para construir #DesignSystems y #webapps de alta calidad.

Proporcionan todas las bases necesarias para que desarrolles tus propios components con el diseño que quieras rápidamente.

Empieza lista...
Reach UI busca convertirse en la base accesible de tu #DesignSystem basado en React.

reach.tech
Read 8 tweets
What changes in video game ecosystem would encourage entrepreneurial growth of game developers and game designers?
quora.com/What-changes-i…

#gaming #GamingNews #GamingStartup #StartUp #Androidgames #pcgaming #gamedev #gamedesign #gamedeveloper #AVGC #design #designsystem
The industry is obsessed with terms like immersive gaming, pro gamers, longer gameplay sessions, engagement etc. The game dev community is growing at a rapid pace. The game schools, number of game startups, number of games launched in the market are growing alongside. Games are
competing for User’s attention. One game is trying to snatch the “session time” pie of another game.

The high worth individuals were early adopters of the internet and good spender. Similarly the high worth individuals were early adopters of Apple products and they are
Read 19 tweets
How about we have Intercompany Design Systems for Hardware and Software Design? Just so, the surround sound gadget from one brand matches perfectly with the TV of another brand and Washing Machine of some other brand that complacent Me with a 360° Aesthetic Personality! Image
Business of Premium Branding & Collectives. Design System of the Universe. Best of Technology and Design.

#branding #3dprinter #Trend #Luxury #premiumbrand #surrealism #gadget #PlannedObsolescence #Economy #NoWar #productdesign #productmanagement #productmanager
Read 12 tweets
@userfocus @jina Hi, I am trying to understand what is not a Design System. Sometimes we have to negate to reach to conclusion. So I am thinking of collecting snippets, processes and scenarios that somebody might have thought is a Design System but actually not. #NotDesignSystem
I think you should take a look at this thread. @framer @InVisionApp @figmadesign
Read 3 tweets
What if a Software like Adobe Photoshop only provides Viewport and all the other functions can be added as Plugins & Addons from Market Place?
#DesignSystem #marketplace #Portfolio #app #adobe #autodesk #CRM #ERP #digital #UX #Design #UI #atomicdesign
It will cultivate a pool of addons. Addons will compete among each other but not the software. Cost Management as per addons use. Budget Allocation will be Agile. Focus will improve. A well establish design philosophy & style guide will improve consistency. Learning Curve of each
Addons will be low. Easily adaptable. Easily replaceable with a better addon from another creator. Many way of achieving the same task. Best Practices Guide will be paced. Companies will have less liability. Marketplace addons will find it more secure to run the business as they
Read 4 tweets
The only thing that will motivate people to #adapt newer #apps in already populated app #market is by declaring a Product Mature when it runs out of Visual Space that means ignoring dropdown menus & drawers completely. #UX #Trend #VisualCommunication #Design #DesignTrend #Product
Calling a Product Mature, gives it an identity. The age have passed, when learning a new software is considered a skill & achievement, integrated softwares are the necessary bridge to accomplish the task. Smaller #Visual Centric #Applications #Integrated in a #Pipeline are
Read 5 tweets
1/ If you have a heart attack and I jump in to your car to take you to hospital but fail to figure out basics due to overwhelming IoT gadget and unfamiliar app, it could cost your life. Popular Pattern, Legacy Pattern, Onboarding Load, Cognitive Load, Redroute, Learnability,
2/ Perpetual Load, Situational Usability Testing, HMI, HCI, Interactive Controls, Interaction Design. Situational Data Analytics. #userexperience #usabilitytesting #Usability #accessibility #iot #onboarding #familiarity #Cognitive #perpetual #app #hmi #HCI #design #designer
Read 4 tweets
In a Design System Manager (#DSM), change in master files reflects change in many pages in many application all across the service ecosystem. Sometimes change in a certain UI element (a button, a dropdown, a label) may become unnoticeable w.r.t. the background color and
texture in a certain page of a certain application. One of the reason could be mismatch in contrast ratio. Now the implication of change in master file could be spread across 1000 files in the hierarchy. These files could belong to different application
with their own access control and permission. It is impossible to check each file one by one. The design system should be intelligent enough to inform the respective #UX teams about the change in master file and also the aesthetic disorders it have created.
Read 4 tweets
Most of the web pages and #apps these days are card based. Why can't we take different cards from different web pages / apps and create our own #dashboard to be used for comparing and #research conveniently? Specially for the small screen like #mobile phones.
Think its implementation for a group discussion over Tour & Travel itinerary #planning. Comparing an #Amazon product with a #Bestbuy product with a #Wallmart product. Drag and drop hotels from different websites and comparing them on a single page side by side.
Comparing any kind of #Sales #Quotation for #enterprise and #business #applications. We have spend good amount of time on creating successful uniform Design System and now we can reap the benefits.
#DesignSystem #integration #UX #Design #Apps #iPhone #Android #FlatDesign
Read 4 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!