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

README preview

# Figma to design.md

### Convert Figma design tokens into a structured design.md for AI-assisted coding

**[🇨🇳 中文](README.zh-CN.md)** | **🇺🇸 English**

<p>
  <img src="https://img.shields.io/badge/Claude_Code-black?style=flat-square&logo=anthropic&logoColor=white" alt="Claude Code">
  <img src="https://img.shields.io/badge/Figma_MCP-F24E1E?style=flat-square&logo=figma&logoColor=white" alt="Figma MCP">
  <img src="https://img.shields.io/github/license/albertzhangz10/figma-design-system-to-design-md?style=flat-square&color=green" alt="MIT License">
  <img src="https://img.shields.io/github/stars/albertzhangz10/figma-design-system-to-design-md?style=flat-square" alt="GitHub Stars">
</p>

> 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](https://figmadesignmd.com/)**

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](https://figmadesignmd.com/) directly — just paste a Figma URL and get your design.md.

## The Problem

View full repository on GitHub →