TokenZenGarden

TokenZenGarden is a modern tribute to #cssZenGarden, exploring the theming possibilities with

[Esther Cheran 🌈 @EstherCheran]

TokenFlow in Studio ✨✨💖💖

While working on the Headless Design System, I realised how difficult it was to grasp/debug the references between tokens & themes. Or to onboard someone on the token architecture. That's what inspired me back then to work on TokenFlow.

[TokenZenGarden @TokenZenGarden]

Design Tokens on steroids 🤯

[Mike Kamminga @mikekamminga]

Keeping your design system in sync can be tough. Watch our live UI update on @TokensStudio, done from within the platform. What are the biggest pain points in your workflow? 🚀✨ Studio is a design system management & automation platform. #DesignSystems @DesignTokens

[Luke Finch @LC_Finch]

#designSystems people using the 40 variables modes in @figma – what are your different modes? I'm genuinely curious as to what you're doing with all of them.

[Esther Cheran 🌈 @EstherCheran]

💥 Boom! Fullh automated component hand-off including https://t.co/yPWS7qDa4j Design Tokens with the Specs plugin.

Thank you @nathanacurtis, I know a lot of our users have been waitong for this moment 🚀

[Jina Anne @jina]

Day 1 Session 5: Creating a Path from CSS Zen Garden to Token Zen Garden, by @EstherCheran

#clarity2022

[Nate Baldwin @NateBaldwinArt]

From 2018, this was a quick way to demo “tokens” (as CSS vars) and how abstracting component tokens enables fully custom theming for white label components (#headlessdesignsystem). @EstherCheran

[Clarity @Clarity_conf]

⏰ #ClarityCountdown: 1️⃣ day! #Clarity2022 kicks off in less than 24 hours! This is the first in-person Clarity event since 2019 so “excited” is an understatement at this point!

REMEMBER! Today is the LAST DAY to register for online attendance!

🎟️ https://t.co/XWQ9LYhVSo

[TokenZenGarden @TokenZenGarden]

@dbanksDesign @ChucKN0risK @DesignTokens @Clarity_conf 👀

[Kaelig @kaelig]

I began using Storybook 7 (alpha) on @Netlify's codebase this week and it's significantly faster to boot (we have 2000+ stories)!

[Tom Lowry @negativespaceca]

I’ve met lots of designers here using @figma—would love to meet some developers using it too (to inspect designs, etc!). Tag in a developer you work with and say 👋!

[Matt @matsugfx]

Sync Ant Design System for @Figma with the @AntDesignUI repo and push token changes directly from Figma to code. I spent last weeks rebuilding the structure of the tokens in the #FigmaTokens plugin to match the official .less files. Totally worth it!

[Esther Cheran 🌈 @EstherCheran]

⚡️Join our live stream BEHIND THE SYSTEM tomorrow.

Register quick, few seats left.

🎫 Registration
https://t.co/jvWJVF0rSk

[TokenZenGarden @TokenZenGarden]

@EstherCheran @DesignTokens 🎉Congrats Esther!

[Esther Cheran 🌈 @EstherCheran]

I’m proud to announce I’ll be speaking at #Clarity2022 this fall! ✨ Clarity is a design systems conference focused on how we work together; something that's close to my heart. An area where I try to make my contribution through @designtokens and my work at #FigmaTokens!

[Mark A. Cianfrani @markacianfrani]

Design Token Zen Garden - @shoelace_style Edition https://t.co/WR0UiTdIEv (sl-radio-group is such a better DX over regular radios ❤️)

[TokenZenGarden @TokenZenGarden]

@kaelig @DesignTokens Almost done!

[TokenZenGarden @TokenZenGarden]

@Haroldchen Coming very soon!

[TokenZenGarden @TokenZenGarden]

Awesome to see someone think of the nostalgic CSS Zen Garden in the #DesignToken context :-)

[Mark A. Cianfrani @markacianfrani]

Design Token Zen Garden - Component Token Edition https://t.co/882p2Xkm1m