Scratching your own itch with Figma plugins - Jan Six

#FigmaTokens #DesignSystem #Figma #DesignTokens #DesignSystems โšก๏ธFull workshop with Jan Six (recording): ๐Ÿ‘‰๐Ÿป

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 ๐Ÿ‘‰๐Ÿป