Top Tweets for #StyleDictionary
My #styleDictionary utils package now fully supports #w3c #designTokens allowing you to easily transform your w3c tokens with styleDictionary:
Check it out: https://t.co/3sxEmzP25E
And let me know how it is working for you.
#StyleDictionary alternative: https://t.co/biGueLzVkG
Haven't tried it. But sounds interesting, especially that its built with w3c tokens as only input. I guess it all is up to how easy it is to build plugins and if you can easily get to all parts in the built process.
Another great resource from @lukasoppermann π
A #StyleDictionary workflow to use with W3C #DesignTokens
https://t.co/vJjevSTmtH
@nurijanian Thanks! There's currently a draft of the W3C design token standard. Since it's still a draft, not all tools are implementing it, which made sharing across tools and platforms less seamless. Style Dictionary becomes even more valuable here to transform tokens across
Getting a workflow in place to take #TokensStudio output and feed it into #StyleDictionary to generate composable CSS custom properties π€
https://t.co/91kCDyfKMc
We recently launched a #StyleDictionary configurator for #TokesStudio, but we also released a custom transforms package with all the SD transforms you need to build your own pipeline (used by the configurator). Check out the repo:
https://t.co/p5fWoE9bmS
What about getting all of your @figma styles #automatically generated as #designtokens while you wΓΆrk? WΓΆw! πΊπͺ #api
Even better, we will also give you, 100% for free, our automagical enhanced #styledictionary #npm package, basically tell your #developers they can take a ββ
NxKit v2 is out!
@NxDevTools plugins for #Playwright and #StyleDictionary.
Additional test cases added.
Plugin executors, generators and typings API exposed.
To update:
nx migrate <plugin_name>
https://t.co/mcwxx6dPDi
Super proud of my son, as he created this can, using our physical #designtoken transformer, to be my new pen holder, as I was missing one on my table. Guess this will be our first official kickstartDS merchandise article π #styledictionary #token #designsystem
#w3c @DesignTokens are the future, but how can you start using them now? In my #article I describe a great way using @dbanksDesign #styleDictionary to build a pipeline that turns w3c #designTokens into #css or #js to use in your #designSystem.
π https://t.co/JUblqJRCAm
#DesignTokens π 5 ways to create and manage them in #Backlight
β
Using #SystemUI
β
Using #CSS Custom properties
β
Using #StyleDictionary & @figma
β
Using #FigmaTokens Plugin
β
Using @specifyapp
Learn how π
https://t.co/cVg7LbjuoB
Fresh refactoring of the #StyleDictionary integration in Backlight π₯
Improved performance & there is more: enhanced error handling, we made it so that old output files get cleaned up automatically! Check behind the scene π
https://t.co/lRBDmOGf37
psssst, if #StyleDictionary isn't your thing, we have plenty of technology-based starters to play with π
- #React
- #Saas
- #Tailwindcss
- #solidJS
- #Svelte
- #Vuejs
and more...
Start playing π https://t.co/IeKj1rgnqw
@pascal_rops @DesignTokens @stenciljs And of course, non of this would have been possible without @dbanksDesign amazing #styleDictionary.
Check the #designToken pipeline demo here:
https://t.co/h2hlAQdUqp
β¨ Time for a little Headless #DesignSystem Demo:
π Update tokens in @figma & #FigmaTokens
‡οΈ
π Push & run Style Dictionary with Github Action
‡οΈ
π @storybookjs receives updated tokens through CDN
#designTokens @six7 @dbanksDesign
Announcing: style-dictionary-to-figma!
A utility to transform a #styleDictionary object into something @Figma Tokens plugin understands!
π
https://t.co/gdfJ6P1j0n
Today's highlight: browser-style-dictionary
A patch of #StyleDictionary #NodeJS lib, allowing it to be bundled for the browser! Developed and used for @sdplay_dev and Style Dictionary integration in @backlight_dev
π
https://t.co/8XGvrWeaxk
This follows our recent announcement of a token-transformer for #StyleDictionary #DesignTokens allowing Token generation in #Figma π
https://t.co/W2tPcYj0a6
π Sync Backlight Design Tokens straight to @figma π€©
Take your existing #DesignTokens, and import them automatically in #Figma so that Designers can immediately start using the correct style from code π€
π https://t.co/y4bBnpbxRO
Actually having a fair amount of fun making #StyleDictionary churn out multiple themes across multiple platforms with multiple modes from our #DesignTokens
Blew my mind at first but almost cracked it π
Synchronizing is only one-way (for now), #StyleDictionary to #Figma.
If you'd like to see a sync-back feature in #Backlight where Designers can adjust tokens in Figma, let us know π
Integration layer between Style-dictionary-play and 3rd party design tools (soon in @backlight_dev) via postMessage and get tokens back #useTheplatform #designtools #designsystem #designtokens #styledictionary
Paste into any browser console as a demo
π https://t.co/zs6qjS183a
Last Seen Hashtags on Sotwe
lonte
Seen from Singapore
nolimit #teenage
Seen from United States
nsfwtwtΩ
Seen from United States
villainalways
Seen from United States
rain
Seen from United States
handmadephotography
Seen from Brazil
Amanasalto
Seen from Japan
kurac
TEENAGE filter:videos
Seen from United States
ΰΈ£ΰΈ±ΰΈΰΈΰΈ²ΰΈΰΈΰΉΰΈΰΈ§ΰΈ΄ΰΈ
Seen from Thailand
Most Popular Users
Elon Musk 
@elonmusk
240.2M followers
Barack Obama
@barackobama
119.3M followers
Donald J. Trump
@realdonaldtrump
111.6M followers
Cristiano Ronaldo
@cristiano
109M followers
Narendra Modi
@narendramodi
107M followers
Rihanna
@rihanna
97.3M followers
NASA
@nasa
92.1M followers
Justin Bieber
@justinbieber
90.6M followers
KATY PERRY
@katyperry
86.9M followers
Taylor Swift
@taylorswift13
80.7M followers
Lady Gaga
@ladygaga
72.2M followers
Kim Kardashian
@kimkardashian
69.4M followers
YouTube
@youtube
68.6M followers
Virat Kohli
@imvkohli
68.6M followers
Bill Gates
@billgates
63.4M followers
The Ellen Show
@theellenshow
62.5M followers
CNN
@cnn
61.9M followers
Neymar Jr
@neymarjr
61.2M followers
X
@x
60.9M followers
Selena Gomez
@selenagomez
60M followers