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
EarlyCOPD
Seen from Brazil
oscnsfw
Seen from United States
pornohetero
Seen from Oman
terribleinfluencetour
Seen from Argentina
Guzy
exny()****
Seen from Turkey
sexyteenagers
Seen from United States
moreinlive
ΰΈΰΈ²ΰΈΰΈΰΈ΄ΰΈΰΈΰΈ²ΰΈ‘ΰΈΰΉΰΈ§ΰΈ’ΰΈΰΈ°ΰΈΰΈ°
Seen from Thailand
esposa
Seen from United States
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
109.1M 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.3M followers
Kim Kardashian
@kimkardashian
69.4M followers
Virat Kohli
@imvkohli
68.7M followers
YouTube
@youtube
68.6M followers
Bill Gates
@billgates
63.5M 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