No video

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

#FigmaTokens #DesignTokens #DesignSystems #Figma
⚡️Full workshop with Jan Six (recording):
👉🏻 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
👉🏻 bit.ly/figmatokens-workshop
⚡️Missed the conference? Get all of the recordings:
intodesignsystems.com/

Пікірлер: 17

  • @srikarsuresh
    @srikarsuresh2 жыл бұрын

    Thank you for all the awesome Design System content here on this channel. This has helped me build better design system at work.

  • @johan8008
    @johan80082 жыл бұрын

    I was looking and watching all videos about Figma tokens and Design system. My design team building a multi brand design system with tokens as we as speak. Is a huge task to do. Thanks for these videos :)

  • @elflacosoyyo
    @elflacosoyyo2 жыл бұрын

    A-MAI-ZING! 🤩 Thanks for sharing. This is great

  • @lamin1825
    @lamin18252 жыл бұрын

    Ignore/Delete duplicates would be a great feature to have

  • @Danny-bn2fg
    @Danny-bn2fg Жыл бұрын

    That's certainly a good thing and a good example how you do business 👏 However I don’t know about the future. My feeling was, that at some point you sell this to Figma and they will increase costs. Now that Adobe is buying Figma i'm not so sure anymore.

  • @jonnywillis9091
    @jonnywillis90912 жыл бұрын

    Amazing!!! 👏👏👏👏👏

  • @TheDei
    @TheDei2 жыл бұрын

    I used figma tokens, really helpful build the design system. I hope free version is still the same and no changes. About price point, is the montly subscription or one time purchase?

  • @chriskerr8521
    @chriskerr85212 жыл бұрын

    Game changer

  • @AriStein
    @AriStein Жыл бұрын

    Hi, I have problems understanding the navigation of the Takins Plugin. Can you explain that? I imported a Json File and have troubles understanding how to apply them and turn them on and off. I have the Pro version and cant quite get it when do I have to have a token checked, and when to set it as a source... how do I combine them... why if a token is turned off I can still apply it to components... More information and tutorials on how to import and apply a Json File would be very useful, it's not very intuitive. Thanks in advance. Ari

  • @aravindaprabath3463
    @aravindaprabath3463 Жыл бұрын

    Is it possible to convert JSON with arithmetic values (math 3:54) using style-dictionary - npm?

  • @irfanadamm5819
    @irfanadamm58192 жыл бұрын

    How is this not native yet 😭

  • @uniquepresident
    @uniquepresident Жыл бұрын

    whenever i create and apply a new typography or a color token aliased to an existing style in Figma and Token studio, the color and typography style in the figma gets broken. It doesn't get the aliased style that has existed in the core library. Is that normal? Shouldn't it keep the aliased core style in the object?

  • @dominikpacholczyk1980
    @dominikpacholczyk19802 жыл бұрын

    Looks fine, however, pricing at the level of 19 USD + TAX/month seems to be a bit high, especially when compared to the Figma license itself.

  • @IntoDesignSystems

    @IntoDesignSystems

    2 жыл бұрын

    If you compare it with time you and the team will safe the price should be imo 10x

  • @n_mckean
    @n_mckean2 жыл бұрын

    So Tokens Pro costs the same as a base level Figma account? Hmm.

  • @IntoDesignSystems

    @IntoDesignSystems

    2 жыл бұрын

    In my opinion still way to cheap if you compare it with the time you will save - priceless.

  • @henrikhedegaard

    @henrikhedegaard

    Жыл бұрын

    @@IntoDesignSystems it's still at a price point where you immediately consider if there are alternatives that can deliver ball-park the same value at a lover cost. And since multiple people mention price points as a barrier, it clearly indicates that it should lowered. I would say max €9.95 mo. to make it attractable. Especially, if you factor in that Figma will most likely deliver a similar feature - embedded directly in Figma - in the near future.