Frontend DogmaDesign Token Naming Conventions: A Practical Guide, by @sturobson:
https://www.alwaystwisted.com/articles/design-token-naming-conventions?ref=frontenddogma.com
Tiago ๐ต๐น๐ธ๐ช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 ๐ค
Stu RobsonIf 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
โญ 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
developer.overheid.nl๐จ 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/
โญ 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
Elly LoelDesign Token Naming Conventions: A Practical Guide
๐ https://www.alwaystwisted.com/articles/design-token-naming-conventions
๐ https://ellyloel.com/design-token-naming-conventions-a-practical-guide/
#Bookmarks #DesignSystems #DesignTokens #Communication #Documentation
sayzardlucas (@lucas_flatwhite)
Refero Styles๊ฐ ์ธ๊ณ 2,000๊ฐ ํ๋ก๋ํธ์ ๋์์ธ ์์คํ ์ AI๊ฐ ์ฝ์ ์ ์๋ DESIGN.md ํ์์ผ๋ก ๊ตฌ์กฐํํด ๊ณต๊ฐํ๋ค. ์์ ํ๋ ํธ, ํ์ดํฌ๊ทธ๋ํผ, ๊ฐ๊ฒฉ, ๋ ์ด์์ ํจํด ๋ฑ ๋์์ธ ํ ํฐ์ ๋ชจ๋ธ์ด ํ์ตยท์ฐธ์กฐํ๊ธฐ ์ฝ๊ฒ ์ ๋ฆฌํ ๋ฐ์ดํฐ/๋๊ตฌ๋ค.
lucas (@lucas_flatwhite) on X
์ธ๊ณ ์ต๊ณ ํ๋ก๋ํธ 2,000๊ฐ์ ๋์์ธ ์์คํ ์ AI๊ฐ ์ฝ์ ์ ์๋ DESIGN.md ํ์์ผ๋ก ๊ตฌ์กฐํํจ! ๐ผ๏ธ Refero Styles https://t.co/bsqJu7YWsJ ๋ชจ๋ธ์ด ์ฝ๊ณ ํ์ตํ ์ ์๋๋ก ๊ตฌ์กฐํ๋ ํ์์ผ๋ก,, - ์์ ํ๋ ํธ - ํ์ดํฌ๊ทธ๋ํผ - ๊ฐ๊ฒฉ ์์คํ - ๋ ์ด์์ ํจํด - ๊ทธ ์ธ ๋์์ธ ํ ํฐ๋ค README์ฒ๋ผ
Inautilo#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
Benny Powers ๐ฎ๐ฑ๐ฆโจNew in Asimonim v0.3.0:
Install the
github.com/bennypowers/asimonim/releases/tag/v0.3.0
asimonim mcp. Tell #Claude about your #designTokens. Install the
bennypowers/asimonim claude plugin marketplace, then install the plugin - easy peasy #mcp ... sygithub.com/bennypowers/asimonim/releases/tag/v0.3.0
