Figma Tokens Pro - Design Tokens for Figma LAUNCH with Jan Six

#FigmaTokens #DesignTokens #DesignSystems #Figma ⚡️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

⚡️Missed the conference? Get all of the recordings: https://intodesignsystems.com/