Excited for the year ahead—new features, collaborations, and breakthroughs await. Let’s make the design world better together. Cheers to 2025! 🥂. #HappyNewYear #DesignInnovation #TokensStudio.

Stepping into 2025 with gratitude! 💜. To our team: Your passion and creativity inspire us every day. To our community: You’re the heartbeat of our mission to revolutionize design systems. 🌍

Try out Token Flow with an example token set in this playground file: Tokens Studio for Figma plugin:

Token Flow lets you trace design token connections across different token sets and themes, giving you a clear view of how everything is linked. 🔍 . It's a powerful way to manage and understand your design tokens at a glance!

Did you know you can visualize your design token connections in Tokens Studio using Token Flow? 🤯. If you're a pro user, you already have access to this awesome feature! Just click the 🔀 icon in the top left of the plugin and see how your design tokens are connected.

RT @SamIam_Designs: Today was new sticker day! 😜 I had the privilege of roasting myself infront of 300 peers then showing the Future Friend….

Learn more about color gradients here: Check out Tokens Studio for Figma plugin:

I set up my color gradients in a separate token set, allowing me to export the color scale as Figma variables and the gradients as Figma styles linked to those variables.

In this example, I take the color scale I created and use those as reference to create gradients. 🌈. The format for defining these gradients is:.linear-gradient(45deg, color-1 0%, color-2 100%). You can add as many color stops as you want to customize your gradients further

Creating color gradients in Tokens Studio 🎨. Did you know you can easily create color gradients in Tokens Studio and export them as Figma styles linked to FIgma Variables?

Explore Tokens Studio for Figma:. Read more about color modifiers here:.

Next, I define steps to lighten and darken the colors. Using these steps, I adjust the primary, secondary, and tertiary colors to create a complete color scale. 🌈 . I then export this scale as Figma variables, ready to use in any design! 🎨

I've organized the brand colors into a token set named 'brand'. 🌟. Then, I create a core/colors token set to define primary, secondary, and tertiary colors. This approach keeps our design tokens structured and adaptable for any project! 🎨.

Did you know in Tokens Studio, you can use color modifiers to create a color scale? 🎨. In this example, I demonstrate how to build a custom color scale in Tokens Studio 🧵

RT @EstherCheran: Did you know you can use math in your design tokens with Tokens Studio? 🤔. Here I take a look at a typescale created by @….

RT @EstherCheran: Did you know Tokens Studio supports Font fallbacks in the Plugin for Figma? 🔡. Font fallbacks, a tread🧵↓ .

Learn more:

Have you tried the color modifier feature in our Figma plugin? You can lighten, darken, or mix colors in your desired color space. Here I create the hover and active colors by using the darken operation on the default color. Plus, you can export these values to Figma variables!

RT @svorklab: Want to hang out with @SamIam_Designs from @TokensStudio and me in #Berlin? 🇩🇪. @intodsconf is coming back to Berlin 🙌. DM me….

Algorithmic design is the future of Design Systems. 🌟 Dive into why @mikekamminga believes this shift will transform the way we create and scale digital experiences.