Scratching your own itch with Figma plugins - Jan Six
#FigmaTokens #DesignSystem #Figma #DesignTokens #DesignSystems โก๏ธFull workshop with Jan Six (recording): ๐๐ป https://bit.ly/figmatokens-workshop
Whatโs included in the full workshop: ๐ฌ Whatโs new in Figma Tokens ๐ฌ How to create Design Tokens in Figma:
- Color Tokens
- Spacing Tokens
- Radius Tokens
- References
- Math
- Typography Tokens
- Shadow Tokens
๐ฌ Token-sets and Theming
- What are Design Tokens?
- Naming Conventions
- Light Theme & Dark Theme
- Simple Tokens Sets
- Complex Token Sets
- Sets vs. Themes in Figma Tokens
๐ฌ How to create token sets & themes
- How to do cross-file theming
- Getting tokens across files
- Enable GitHub & use tokens
๐ฌ Component tokens & collaboration
- Component Tokens
- Create & apply component tokens
- Communicating applied design tokens
- Handoff
- Getting tokens to developers
- Exporting Tokens
- Transforming Design Tokens
- Style Dictionary
๐ฌ Best Practices
- Convert your existing design system
- Use the Multi Inspector
- Create fluid scales
- Create theme independent shadows
- Use branching
- Approval / Review
- How to document
- Encourage contributions
๐ฌ Q&A with Jan ๐๐ป https://bit.ly/figmatokens-workshop