Discover and read the best of Twitter Threads about #DesignTokens
Most recents (3)
The Ultimate Design Systems Resources List
designstrategy.guide/design-managem…
*Some insights for the most clicked links >
#designsystem #designsystems #designtokens
designstrategy.guide/design-managem…
*Some insights for the most clicked links >
#designsystem #designsystems #designtokens
THE MOST POPULAR PLUGINS:*
Figma Tokens for managing design tokens by @six7 and @EstherCheran
figmatokens.com
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
Farbvelo by @meodai generates colors, palettes; awesome color inspiration
farbvelo.elastiq.ch
and
Supa-palette
supa-palette.com
@angeloldesigns
Setup a design system: Step-by-Step Interactive Handbook -->
#designsystem #designtokens #designmetrics
#designsystem #designtokens #designmetrics
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.
✅ 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.
We are currently working on 5 #DesignSystems simultaneously. This wouldn’t be possible without #FigmaTokens by @six7 In addition we built a headless Design System to copy paste basic components in #Figma 👌🏻 Reduced client work: 3 months -> 1 month. Clients safe 75% time 🚀
What still takes a lot of time:
- UI Inventory
- check all the stuff clients have
- back and forth to refine UI Design
- Documentation ☠️
- Teach people #Figma especially Autolayout 😬
- The client to decide on a Figma plan
- structure & workflow in #Figma
- UI Inventory
- check all the stuff clients have
- back and forth to refine UI Design
- Documentation ☠️
- Teach people #Figma especially Autolayout 😬
- The client to decide on a Figma plan
- structure & workflow in #Figma
- #DesignTokens naming conventions Figma vs development sync
- The client to understand that a Figma library is not really a Design System
- everything related to Design system management e.g Roadmap, governance and why you need this ☠️
- The client to understand that a Figma library is not really a Design System
- everything related to Design system management e.g Roadmap, governance and why you need this ☠️
