Token Studio also lets you generate calculated values (i.e. reference the primary color and apply a 60% opacity). I've actually been finding that using Token Studio when you need to use more complicated systems makes way more sense. However, you can build your token collection so that it hooks directly into Figma's variables (and styles) so you don't lose all the great functionality that are built into variables (like mode switching).
Also not forget the direct connection to a repository that let you generate directly via style dictionairy the desired formats for the whole organisation. you simply don't need a dev for every token. jst for merging the pull request.
I'm glad you made this for 2024! The previous one was 6 months ago and I'm curious about the improvements Figma has made over those months to their variables.
This video was so insightful, appreciate it🙏. Btw what’s your thoughts on border width, shadow, opacity and spacing. Should they have seperate variable collection or not. If not why apply variables isn’t it kinda waste of time?😅
I discovered that I had to right click AFTER selecting the border number so it becomes active, THEN I'm able to see a context menu like in this demo. That was not very intuitive. It's not even stable, it "trembles" and goes away at times. Wow, that's Figma for'ya. Not very UX oriented ironicly enuff. Same response with fill color. Anyways, great tut.