关于 figma-code-connect-components
figma-code-connect-components 是一项通过 Code Connect 将 Figma 设计组件与代码组件关联的 Agent 技能，可让设计系统更新流入代码库。完整工作流见 Figma 上游技能包。
主要功能
- 01关联 Figma 与代码组件
- 02使用 Code Connect
- 03将设计系统更新同步至代码
适用场景
- 01将设计组件关联到代码
- 02让代码跟进设计系统更新
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/figma-code-connect-components确认已加载。
详细介绍
figma-code-connect-components
整理自 Figma 的 MCP 服务指南。
功能
使用 Code Connect 将 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-code-connect-components）调用此技能，或使用此技能 frontmatter 中列出的某个触发短语。
评论
支持 Markdown