关于 figma-generate-design
figma-generate-design 是用于在 Figma 中构建或更新界面的设计技能，可根据代码或描述，借助设计系统组件和设计令牌转换应用页面。
主要功能
- 01根据描述构建 Figma 界面
- 02根据代码转换应用页面
- 03使用设计系统组件
- 04应用设计令牌
适用场景
- 01从描述创建应用屏幕
- 02将应用页面转换为 Figma
- 03更新现有 Figma 界面
MCP 相关
该技能源自 Figma 的 MCP server guide。README 未说明其自身如何连接或管理 MCP 服务。
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/figma-generate-design确认已加载。
详细介绍
figma-generate-design
根据 Figma 的 MCP 服务指南整理。
功能
使用设计系统组件，根据代码或描述在 Figma 中构建或更新屏幕。使用设计令牌将应用页面转换为 Figma 设计。
来源
- 上游项目：https://github.com/figma/skills
- 分类：
figma
使用方法
此目录条目会在 OpenDesign 中宣传该技能，以便 Agent 在规划时发现它。若要使用原始资源、脚本和参考资料运行完整的上游工作流，请将上游资源包安装到当前 Agent 的技能目录中：
# Inspect the upstream README for exact paths
open https://github.com/figma/skills
然后让 Agent 按名称（figma-generate-design）或使用此技能 frontmatter 中列出的触发短语来调用该技能。
评论
支持 Markdown