Figma代码连接 figma-code-connect
一、功能概述
将 Figma 设计组件连接到代码组件。该技能让 AI 在「设计」领域具备专项能力，适合希望通过自然语言快速完成相关任务的用户。
二、功能介绍
- 界面与交互设计建议
- 设计系统与设计令牌管理
- 原型与高保真稿输出
- 可用性评审
三、使用方式
- 第 1 步：在支持 Skill 的 AI 客户端（如 Claude、CodeBuddy）中安装「Figma代码连接」技能
- 第 2 步：用自然语言描述你的需求，例如：给这个后台系统做一套配色和组件规范
- 第 3 步：AI 会自动调用该技能完成任务，并在对话中交付结果
- 第 4 步：需要修改时，直接告诉 AI 调整点，无需从头再来
四、来源信息
| 来源仓库 | https://github.com/figma/skills |
| 提供方 | Figma（官方技能） |
| 开源许可 | 详见来源仓库，多为 Apache 2.0 / MIT 等开源许可 |