Figma Tokens first steps of collaboration with other plugin makers - Esther Cheran

24m Link to video
Tags Figma tokens Collaboration Figma plugin Design tokens Figma
Speakers Esther Cheran
Edit on GitHub

#DesignTokens #FigmaTokens #DesignSystems #Figma Live at The Future of Design Systems with Esther Cheran, Co-creator of Figma Tokens, Chief product @ start-up in stealth-mode

⚡️Get Figma Tokens Pro: https://www.figmatokens.com

⚡️Full workshop with Jan Six (recording) from #FigmaTokens: 👉🏻 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