用途:把 Figma 设计链接转成完整设计系统提取物,生成 .design/ 目录,包含结构化 markdown 规格、品牌资产与截图,供 AI 生成 UI 使用。
用法:/figma2design <figma-url>;可加 --pages home,skills 只提取指定页;--screenshots-only 只出截图;--update 重新提取并保留旧文件作参考。支持 figma.com/design/{fileKey}/{fileName}?node-id=... 及 /file/ 形式。
主要能力:提取后生成 .design/ 目录,含 DESIGN.md(颜色、字体、间距、形状、组件)、CODE_PATTERNS.md、COMPONENTS.md、PAGES.md、ICONS.md、brand/、icons/、screenshots/。流程包括解析 URL 并校验权限、发现全屏 frame、截图、提取品牌资产与自定义图标、提取设计上下文、动画与交互状态、生成各文档。
必要命令:mkdir -p .design/screenshots;curl -sL "<screenshot-url>" -o .design/screenshots/<name>.png,其余通过 Figma MCP 工具调用。
前提:需安装并认证 Figma MCP 插件(figma@claude-plugins-official),需目标 Figma 文件编辑权限,需 figma:figma-use 技能。若工具不可用,提示运行 /plugin 安装 figma@claude-plugins-official,然后 /reload-plugins --force。
限制:只读权限会失败;无品牌页或自定义图标时跳过并记录;无动画/交互时生成常见默认模板。具体收费、价格、平台与效果资料暂未提供。