Figma Design System To Design.md

Extrahujte CSS/Tailwind/Figma design tokeny do strukturovaného design.md, kterému mohou AI kódovací nástroje odkazovat.

od albertzhangz10 · albertzhangz10/figma-design-system-to-design-md

Otestováno · Funguje ★ 9.2/10

Figma Design System To Design.md — Extrahujte CSS/Tailwind/Figma design tokeny do strukturovaného design.md, kterému mohou AI kódovací nástroje odkazovat.

Co umí

Prohledá projekt pro soubory tokenů (tokens.css, tailwind.config.js, theme.ts atd.), volitelně obohatí o data Figma MCP a zapíše design.md pokrývající barvy, typografii, mezery, zaoblení, elevaci a responzivní pravidla — cokoliv nenajde označí jako TODO místo vymýšlení.

Testovací report

Spustil jsem ho proti reálnému fixture tokens.css + tailwind.config.js: správně označil chybějící typografickou škálu a data elevace jako TODO místo vymýšlení hodnot a zachoval překlep názvu tokenu 'netural' ze zdroje podle vlastního pravidla, oproti baseline dumpu, který stejné tokeny tabulkoval bez takové disciplíny.

Testováno: 2026-07-14 · Claude Code 2.x (agent harness)

Instalace

git clone https://github.com/albertzhangz10/figma-design-system-to-design-md
cd figma-design-system-to-design-md
mkdir -p ~/.claude/skills
cp -r skills/figma-design-system-to-design-md ~/.claude/skills/figma-design-system-to-design-md

Příkazy a ukázkové prompty

/figma-design-system-to-design-mdExtrahujte CSS/Tailwind/Figma design tokeny do strukturovaného design.md, kterému mohou AI kódovací nástroje odkazovat.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

Extract our design tokens into a design.md for the AI tools
Pull colors and spacing from tailwind.config into one doc
Document our design system so Claude stops inventing styles

Kompletní testovací report (anglicky) →