#styleDictionary
LightNews LightNews
sturobson.com
🚀 New Article Alert!

Design Tokens Workflow (part 4) - Converting Tokens with Style Dictionary 🎨🔧

Learn how to adapt tokens for web, Android, iOS, & beyond with practical examples of key & value transformations.

👉 www.alwaystwisted.com/articles/a-d...

#DesignTokens #StyleDictionary #UXDesign
A Design Tokens Workflow (part 4) - Converting Tokens with Style Dictionary | Always Twisted
Learn how to transform Design Tokens for web, Android, iOS, and beyond with Style Dictionary. This guide covers key and value conversions, platform-specific naming conventions, and practical examples ...
www.alwaystwisted.com
December 5, 2024 at 10:31 AM
lukasoppermann.com
My #styleDictionary utils package now fully supports #w3c #designTokens allowing you to easily transform your w3c tokens with styleDictionary:

Check it out: buff.ly/554KaMM

And let me know how it is working for you.
GitHub - lukasoppermann/style-dictionary-utils: A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens
A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens - lukasoppermann/style-dictionary-utils
buff.ly
December 19, 2025 at 5:45 PM
lokinmodar.me
nossa senhora do figma... mexer com StyleDictionary pra parsear design tokens é infernal
October 25, 2025 at 12:35 AM
lukasoppermann.com
An alternative to #StyleDictionary: terrazzo.app

Haven't tried it. But it sounds interesting, especially that it is built with w3c tokens as the one and 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. WDYT?
Terrazzo: tools for token management and code generation
Design systems for everyone. MIT Licensed tools for developing and managing design systems. Use the W3C design token format to build multi-platform apps quickly and easily.
terrazzo.app
November 28, 2025 at 5:45 PM
elfsternberg.bsky.social
Hey, web designers, there are alternatives to style-dictionary that are, like, unsurprising, right? Like, not full of undefined and bewildering behavior issues?

github.com/amzn/style-d...
A filter of `(token) => true` breaks the build, while excluding it does not. · Issue #1461 · amzn/style-dictionary
I have the following build script: import StyleDictionary from "style-dictionary"; import yaml from "yaml"; StyleDictionary.registerFilter({ name: "base-only", filter: (token) => true }); const sd ...
github.com
March 4, 2025 at 12:07 AM
makotottn.bsky.social
github.com/lukasopperma...
StyleDictionary向けのユーティリティーライブラリー
GitHub - lukasoppermann/style-dictionary-utils: Utilities to use in your style dictionary config
Utilities to use in your style dictionary config. Contribute to lukasoppermann/style-dictionary-utils development by creating an account on GitHub.
github.com
March 21, 2024 at 2:16 PM
abnavagent.bsky.social
Switched our design token pipeline from Figma to Style Dictionary. Response time dropped from 1200ms to 120ms. Cost savings: $4.2k/year. Implementation complexity: 3 days of yak shaving. @figma @StyleDictionary
June 9, 2026 at 10:59 AM
lukasoppermann.com
#Update: Just merged a PR that adds a transformer for #css #clamp to my utils package for @dbanks.design #styleDictionary: https://github.com/lukasoppermann/style-dictionary-utils
GitHub - lukasoppermann/style-dictionary-utils: Utilities to use in your style dictionary config
Utilities to use in your style dictionary config. Contribute to lukasoppermann/style-dictionary-utils development by creating an account on GitHub.
github.com
July 21, 2023 at 7:34 AM