用途:解决设计系统文档过时或缺失的问题,自动从项目令牌文件生成 AI 编码工具可读的 design.md。
主要能力:自动检测令牌来源(CSS 变量、Tailwind 配置、theme 文件、JSON/JS/TS 令牌),分类为颜色、字体、间距、圆角、边框宽度、阴影、响应式断点等,并解析语义角色(text、surface、border、icon)。可选启用 Figma MCP 提取组件变体与效果样式;框架无关,支持 React、Vue、Svelte 等。
使用方式:可通过市场安装 claude plugin install figma-design-system-to-design-md,或 claude /plugin install https://github.com/albertzhangz10/figma-design-system-to-design-md。运行 /figma-design-system-to-design-md 生成 design.md,可指定输出路径或 --tokens-dir 令牌目录。提供网页版,粘贴 Figma URL 即可获取,无需安装。启用 Figma MCP 需在 Figma 桌面版偏好设置打开 Dev Mode MCP Server 并重启 Claude Code。
限制:Overview 与 Do's and Don'ts 需手动填写;组件数据依赖可选的 Figma MCP;阴影可能需 Tailwind 配置或 MCP;CSS 变量不支持 calc,语义识别依赖清晰命名;仅识别常见路径与文件模式。官方未提供收费、价格等更多信息,暂未提供。