{"repo":"albertzhangz10/figma-design-system-to-design-md","free":true,"listed":false,"github":"https://github.com/albertzhangz10/figma-design-system-to-design-md","clone":"git clone https://github.com/albertzhangz10/figma-design-system-to-design-md.git","description":"Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)","language":null,"stars":37,"topics":["ai-assisted-development","ai-coding","claude-code","claude-code-plugin","copilot","cursor","design-system","design-to-code","design-tokens","developer-tools"],"license":"MIT","category":"ui-components","readme_excerpt":"Figma to design.md Convert Figma design tokens into a structured design.md for AI-assisted coding 🇨🇳 中文 🇺🇸 English Stop manually documenting your design system. Convert Figma to design.md and let AI coding tools (Cursor, Claude Code, Copilot) understand your design system. Try it on the web — no setup required A Claude Code skill plugin that converts Figma design tokens into a structured design.md — extracting CSS variables, Tailwind config, and theme files, optionally enriched via Figma MCP. Non-technical users (designers, PMs) can use the web version directly — just paste a Figma URL and get your design.md. The Problem Design systems live in Figma and code, but the documentation lives nowhere — or worse, in an outdated wiki page. Every time tokens change, the docs fall behind. Developers guess at color roles, spacing scales, and typography levels. The Solution One command. One document. Always in sync with your actual token files. What It Generates Section Source Auto --------- -------- :----: Colors — base palette + semantic roles (text, surface, border, icon) Token files ✅ Typography — font families, size scale, weight, line-height Token files ✅ Spacing — spacing scale with token names and values Token files ✅ Border Radius — radius scale Token files ✅ Border Width — width scale Token files ✅ Elevation — shadow definitions Tailwind / Figma MCP ✅ Responsive — minimum width, fluid vs breakpoint approach Config files ✅ Components — variants, sizing, states Figma MCP 🔶 O","default_branch":null,"files":null,"tree":[],"storefront":"/r/albertzhangz10","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/albertzhangz10/figma-design-system-to-design-md/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}