Tokens Studio retweeted
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.
Tokens Studio retweeted
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! 🧵
Tokens Studio retweeted
Did you know Tokens Studio supports Font fallbacks in the Plugin for Figma? 🔡
Font fallbacks, a tread🧵↓
Tokens Studio retweeted
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)
Tokens Studio retweeted
Grosse update pour @TokensStudio !
Un véritable accélérateur pour la mise en place d'un Design System scalable 🚀
Sur cette nouvelle version, dites bonjour au Format W3C DTCG, à la nouvelle expérience des variables, à la gestion des variables non locales !
#token #figma #design
Tokens Studio retweeted
Seeing things come together is soooo satisfying! Writing technical docs and doing the content design isn't the most glamorous project, but it has a massive impact on user experience.
The journey of @DesignTokens via @TokensStudio in @figma
Tokens Studio retweeted
Build connected colour scales and use them anywhere, as @DesignTokens. Edit and fine-tune any time.
Graph Engine breaks you free from tool restrictions. If you can imagine the logic, you can build it in Graph Engine.
graph.beta.tokens.studio/
Tokens Studio retweeted
Our Graph Engine examples have been quite abstract. Over the weekend I spent some time to show you the power of storing large complex graphs into simple reusable nodes.
This is extremely powerful. Having a node for everything or nodes that can do many things may sound ideal, but in time you will run into the limitations of the default options available. And you might want to tweak the logic just a tiny bit.
That's the reason why our Graph Engine comes out of the box with simple, primitive and hyper performant nodes which are the fundamental building blocks of almost any logic imaginable.
Now combine this with some clever people who know a lot about colours & scalable scales like @NateBaldwinArt & @ilikescience building really cool graphs for Leonardo & Proportio or complex scale generation as in Matthews article on Medium.
Upload them to our community and anyone can use them, fork them, customise them and even reshare them.
In this video you see an example of a complex graph expressed in a single node.
Tokens Studio retweeted
Understanding what a Graph does can be hard at times!
✨ We've now got a button for that ✨
A first glimpse into our upcoming AI features 🚀
Tokens Studio retweeted
I've seen this come up a couple times so here's one way to use your viewports / breakpoints in figma using @TokensStudio #figma #design #tut #webdev #designsystems #designtokens
Tokens Studio retweeted
Had some fun in Figma for a project :D
• 🛠️ Layout grids using Figma Variable Modes, maintained through Tokens Studio for easier handling.
• 🎨 Slots for Layout grids and content blocks: Simplifying the design process, but keep it flexible enough.
Tokens Studio retweeted
OMG Tokens Studio 2.0 has fallback 🤯 If tokens that haven’t been created as variables are applied to Figma, Tokens Studio uses a fallback mechanism and then applies pre-created alias tokens as variables instead.
THAT WILD 🔥
Tokens Studio retweeted
Looking forward to native REAL Design Tokens in @penpotapp and I’m sure with the support of @TokensStudio it will be awesome!
#fckvariables
Tokens Studio retweeted
Cooking up something good at @TokensStudio & @penpotapp 👨🍳
Tokens Studio retweeted
As you may know, we are collaborating with the @TokensStudio team to introduce a scalable design tokens architecture to Penpot.
So, we need Volunteers Community Contributors🫶!
Wanna join?
community.penpot.app/t/join-…
Tokens Studio retweeted
In my spare time, I've been playing around with implementing some 3D rendering techniques into Design Tokens with #TokensStudio.
These three buttons are built the exact same way. The only parameter I change here is the colour of the light.





















