Mastodawn

🎉 New Article 🎉

Keep your microcopy (button labels, error messages, form hints) as Design Tokens using Style Dictionary

https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-15

#DesignSystems #DesignTokens #WebDesign #ContentStrategy

Design Tokens for Microcopy with Style Dictionary

Manage product interface copy, error messages, and labels as design tokens using Style Dictionary. Keep your product language consistent, controllable, and collaborative across teams and platforms.

Always Twisted

Reel Tubes Mar 1

Penpot 2.9 is here! 🎉 Dive into smarter text overrides, a new typography token, and stronger design-token management plus lots of quality-of-life tweaks. A must-watch for UI/UX and open-source design lovers. #Penpot #DesignTokens #Typography #UIDesign #OpenSource #UX #ComponentDesign #English
https://peertube.kaleidos.net/videos/watch/c8d9f9d7-7be3-4eb7-94f3-23b85e8184ee

What's new | Penpot release 2.9

PeerTube

Jak2k 🏳️‍🌈Feb 28

Hey design systems bubble, is there an open source GUI/web UI for editing DTCG design tokens? And how to you recommend organizing a design system?

#design #DesignTokens #designsystem #designsystems #dtcg

Noisecolor Feb 20

#ux #ui #design #ai #DesignTokens

In building a complicated multibrand design system with design tokens. It's been a ride, but finally I'm in the last stretch.
It feels great to have such control over the design, just with a few tokens.
I was hoping ai would do most of the work, but it failed every time and I ended up doing everything by hand. Probably not enough examples exist for ai.

Stu Robson Feb 16

2 weeks in a row‽

Yep, another Design Systems newsletter is ready to hit the inboxes at 10am (GMT) today.

A curated email with the finest Design Systems tutorials, articles, examples, and more.

Not signed up yet?

https://news.design.systems

#DesignSystems #FrontEnd #WebDev #WebDesign #DesignTokens

Design Systems News

A publication full of interesting, relevant, and curated links.

Ailyaut Feb 14

Hi fellow @penpot users!
I made a small #python script that converts JSON files exported from the official Material Theme Builder into Penpot-compatible token files.
Very useful if you want to try multiple color schemes!

https://codeberg.org/ailyaut/penpot_material_theme_converter

#penpot #opensource #OpenSourceDesign #DesignFreedom #DesignTokens #MaterialDesign #MaterialExpressive #ui #uidesign

penpot_material_theme_converter

This script converts JSON files exported from Material Theme Builder into Penpot-compatible token files.

Codeberg.org

Stu Robson Feb 13

Notion 🤝 Design Tokens

I created and wrote about a workflow that lets you manage tokens in Notion which syncs to your codebase and back again with Style Dictionary

Perfect for everyone on your Design System team

https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-14

#DesignTokens #DesignSystems #FrontEnd #WebDev

Using Notion With Style Dictionary for Design Tokens Management

Set up a collaborative design token workflow using Notion for management and Style Dictionary for automated code generation. Includes bidirectional syncing and integration with design tools like Figma.

Always Twisted

Stu Robson Feb 12

before Covid-19 I was giving conference talks on Design Tokens where I live demo'd integration with Google Sheets.

Well, 6 years later, here's a riff on those demos

Using Notion With Style Dictionary for Design Tokens Management

https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-14

#DesignTokens #DesignSystems