SuperAPI AI 工具集

figma-design-md-plugin

设计与创作

查看项目

更新于 10-16 00:20

技能介绍

用途:design-md-figma 是一个 Figma 插件,从 Figma 文件中提取本地样式、变量和组件族,生成标准化的 DESIGN.md 与 SKILL.md 文件,供 AI 编码代理在实现界面时遵循设计系统。

主要能力:读取本地颜色/排版/间距/圆角/动效样式、Figma 变量集合、效果样式(阴影、模糊)、网格样式和组件族,并生成 TypeUI 格式的 Markdown。

安装与使用:克隆仓库后执行 npm install、npm run build,在 Figma Desktop 中通过 Plugins → Development → Import plugin from manifest 导入 manifest.json。开发时可用 npm run watch 自动重建。插件在加载时自动提取令牌,用户可生成 DESIGN.md 或 SKILL.md 并下载,也可刷新重新提取。

适用场景:设计系统稳定后提取令牌,将生成文件提交到代码仓库,配合 Claude Code、Cursor 等 AI 代理使用。

限制:仅读取本地文件样式,不读取外部库样式;变量集合需 Figma API 1.0.0+;若样式为空需检查本地样式并刷新。具体收费、价格与平台支持暂未提供。