Linting Your Design Tokens, what and why

Always Twisted
Design Token Naming Conventions: A Practical Guide

A practical guide to naming design tokens, including token tiers, common conventions, and rules that keep systems consistent and scalable.

Always Twisted

The Style/token documentation updater™ plugin for the Style/token documentation components™ Figma library is out at last 🎉

That's a mouthful, but the gist of it is simpler...

If you use my components to document color and typography variables or styles inside a Figma file, you can now run this new plugin to automatically update your documentation with just one click 🤓

Demo video coming soon 🤞

#Figma #DesignSystems #DesignTokens

If you caught my last post on what to lint and why it matters, this is the follow-up

Same tokens. Now we talk about where the linting lives: design tool, pre-commit, CI, pre-publish, and which ones are worth your time at each stage.

https://www.alwaystwisted.com/articles/where-to-lint-design-tokens

#DesignSystems #DesignTokens #FrontEnd

Where to Lint Your Design Tokens

A practical guide to integrating design token linting at every stage of your workflow — from the source of truth through CI to pre-publish gate.

Always Twisted

⭐ new blogpost ⭐

Linting Your Design Tokens - The Where And The When

You know you should lint, but where in your workflow does it actually live and when is it best to check?

https://www.alwaystwisted.com/articles/where-to-lint-design-tokens

#DesignSystems #DesignTokens #FrontEnd

Where to Lint Your Design Tokens

A practical guide to integrating design token linting at every stage of your workflow — from the source of truth through CI to pre-publish gate.

Always Twisted

🎨 Verschillende huisstijlen toepassen op de NL Design System componenten — hoe doe je dat?

Met design tokens! NL Design System slaat deze tokens op als JSON en genereert daar automatisch CSS custom properties van via Style Dictionary.

Jij bouwt het thema, de community zorgt voor de componenten. 🧩

📖 https://www.nldesignsystem.nl/handboek/huisstijl/design-tokens/

#NLDesignSystem #DesignTokens #CSS

Design tokens · NL Design System

Design tokens introductie

⭐ new blogpost ⭐

Linting Your Design Tokens - The What And The Why

Designers update Figma. Devs sync tokens. Users see issues. Catch the bugs before they ship – add linting to your toolset:

https://www.alwaystwisted.com/articles/linting-your-design-tokens

#DesignSystems #DesignTokens #FrontEnd

Linting Your Design Tokens, what and why

Always Twisted
Design Token Naming Conventions: A Practical Guide

A practical guide to naming design tokens, including token tiers, common conventions, and rules that keep systems consistent and scalable.

Always Twisted

#Design #Guides
Design token naming conventions · Building a clear, consistent, and scalable structure https://ilo.im/16ce4h

_____
#Naming #Conventions #DesignTokens #DesignSystems #UiDesign #WebDesign #Development #WebDev #Frontend

Design Token Naming Conventions: A Practical Guide

A practical guide to naming design tokens, including token tiers, common conventions, and rules that keep systems consistent and scalable.

Always Twisted
New in Asimonim v0.3.0: asimonim mcp. Tell #Claude about your #designTokens.

Install the
bennypowers/asimonim claude plugin marketplace, then install the plugin - easy peasy #mcp ... sy

github.com/bennypowers/asimonim/releases/tag/v0.3.0
Release v0.3.0 · bennypowers/asimonim

MCP Server Asimonim now includes a Model Context Protocol (MCP) server, enabling AI assistants to work with design tokens directly. Tools validate_tokens - Validate token files, detect circular re...

GitHub