Figma Tokens Pro - Design Tokens for Figma LAUNCH with Jan Six
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- #FigmaTokens #DesignTokens #DesignSystems #Figma
⚡️Full workshop with Jan Six (recording):
👉🏻 bit.ly/figmato...
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/figmato...
⚡️Missed the conference? Get all of the recordings:
intodesignsyst...
Thank you for all the awesome Design System content here on this channel. This has helped me build better design system at work.
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 :)
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?
Ignore/Delete duplicates would be a great feature to have
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
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.
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?
A-MAI-ZING! 🤩 Thanks for sharing. This is great
Is it possible to convert JSON with arithmetic values (math 3:54) using style-dictionary - npm?
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.
If you compare it with time you and the team will safe the price should be imo 10x
Amazing!!! 👏👏👏👏👏
How is this not native yet 😭
Game changer
So Tokens Pro costs the same as a base level Figma account? Hmm.
In my opinion still way to cheap if you compare it with the time you will save - priceless.
@@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.