关于 figma-implement-design
figma-implement-design 是一项将 Figma 设计转为可用于生产的代码并保持视觉一致性的技能，适合将 Figma 画板交接给前端 Agent。
主要功能
- 01将 Figma 设计转为代码
- 02生成可用于生产的代码
- 03保持视觉一致性
适用场景
- 01将 Figma 画板实现为代码
- 02向前端 Agent 交接设计
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/figma-implement-design确认已加载。
详细介绍
figma-implement-design
根据 Figma 的 MCP 服务指南整理。
功能
将 Figma 设计转换为可用于生产环境的代码，并保持 1:1 的视觉还原度。适用于将 Figma 画框直接交付给前端 Agent。
来源
- 上游项目：https://github.com/figma/skills
- 分类：
figma
使用方法
此目录条目会在 OpenDesign 中展示该技能，让 Agent 在规划期间发现它。若要运行包含原始资源、脚本和参考资料的完整上游工作流，请将上游套件安装到当前 Agent 的技能目录中：
# Inspect the upstream README for exact paths
open https://github.com/figma/skills
然后让 Agent 按名称（figma-implement-design）调用此技能，或使用此技能 frontmatter 中列出的某个触发短语。
评论
支持 Markdown