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. 🌍
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.
Today was new sticker day! 😜 I had the privilege of roasting myself infront of 300 peers then showing the Future Friendly solutions to this problem the @TokensStudio team is working on.
Native Tokens and theme switching in @penpotapp was the big 😍 moment.
🫶 @smashingconf
Congrats @SamIam_Designs, really proud of you and your talk on Bridging the Gap between Design and Development, One Token at a Time at #SmashingConf
You're amazing.
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.
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?
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! 🎨
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 🧵
Did you know you can use math in your design tokens with Tokens Studio? 🤔
Here I take a look at a typescale created by @KrennMarco using some clever math!
Let’s dive into how math makes this possible and how you can apply it to your designs! 🧵
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!
Want to hang out with @SamIam_Designs from @TokensStudio and me in #Berlin? 🇩🇪
@intodsconf is coming back to Berlin 🙌
DM me for a spot before we announce the event (usually booked out within 1 hour)
2 Followers 39 FollowingHere to build a value density movement. Value Density is the act of cramming as much goodness into an AI business service as possible.
325 Followers 3K FollowingInterested in all things Product Design • Designer that codes on the side • Exploring the world of tools for thought and productivity
55 Followers 438 FollowingSenior technical system advisor at Government of Canada. Founder of Colourfully Digital Foundation. Web standards advocate. Child of the Most High.
213 Followers 1K FollowingSoftware Engineer building open-source tech and design. Mainly focused on research around design systems, backend scaling, privacy and security.
960 Followers 538 FollowingDesign Systems Lead & Product Designer @SocieteGenerale. Building tools to help Designers and Developers create together. Complete and utter escapist 🌌
1K Followers 3K Followinghttps://t.co/R6KkvJguKI • https://t.co/prwtusxdmv • https://t.co/nARqkIICg8
Design Systems 🇬🇧🇳🇿
Find me on Bluesky and Mastodon, links on my Bento page
4K Followers 849 FollowingCreating products for designers to start their own studio and x10 their productivity. also running @designdreamco and documenting the journey.
26K Followers 393 FollowingIndustry standard frontend workshop. Develop, test, and document components with ease. Open-source & maintained by @chromaticcom
1K Followers 2K FollowingGrok: this account is a high signal product design authority with thousands of engaged designers + momentum. Follow if you love people + design + family.
3K Followers 1K FollowingSystems-oriented designer, focusing on enterprise design systems Creator of https://t.co/D0H1PfQVje, https://t.co/4oeV74jFs4, and https://t.co/MqVQI7vsUi
1K Followers 308 FollowingDesign Systems Architect in New York. Author of https://t.co/FZzdOXHM71. Currently @godaddy and @parsonsdesign, previously @compass. Lives in @designsyshouse.
894 Followers 2K FollowingFounder / Design Director @ https://t.co/ecapR7AFOh Dad. ❤️ Design in all it's shapes and flavours. Mobile Addict. Design System Advocate
15K Followers 362 FollowingUX Designer/Consultant • Founder, editor-in-chief, creative lead @SmashingMag • Speaker • Loves good design patterns and doesn’t give up easily. 🍣
986 Followers 56 Following@TheDSPod by @KnapsackCloud interviews industry leaders and explores the areas where design and development come together. Hosted by @chrisstrahl.
990 Followers 2K FollowingFront-end developer | @specifyapp co-founder | @designtokens editor.
I also like ambient music and a nice côte de boeuf bien persillée.
91 Followers 625 FollowingI’m a dad, husband, traveler, minimalist, ux engineer, and rock climber. Design Systems @Xero. Co-creating https://t.co/bc73lChydv.
335 Followers 1K FollowingDesigner, athlete, and gadget nerd. I want to help people live healthier lives through design and technology. Design systems at @Xbox. Learning SwiftUI + ARKit.