用途:官方 Figma 技能套件,覆盖设计↔代码完整桥接,用于将 Figma 设计转为生产代码、依据代码或描述生成/更新 Figma 页面、构建设计系统库、连接 Figma 组件与代码组件,并可用 Plugin API 编写自定义自动化脚本。
主要能力(7 个技能):figma-use 进行 Figma Plugin API 脚本;figma-implement-design 以 1:1 保真度实现 Figma 设计为生产代码;figma-generate-design 从代码或描述构建/更新 Figma 页面;figma-generate-library 依据代码库在 Figma 中构建设计系统库;figma-code-connect-components 连接 Figma 组件与代码;figma-create-design-system-rules 生成项目专属设计系统规则;figma-create-new-file 创建空白 Figma/FigJam 文件。
使用方式:先判断是否已安装,检查 ~/.design-agent-skills/skills/figma-use/SKILL.md 是否存在;已有则按名称调用对应技能,没有则安装。推荐按需单独安装:npx skills add figma/figma-use;npx skills add figma/figma-implement-design;npx skills add figma/figma-generate-design;npx skills add figma/figma-generate-library;npx skills add figma/figma-code-connect-components;npx skills add figma/figma-create-design-system-rules;npx skills add figma/figma-create-new-file。无 shell 权限时展示安装命令;在 Claude Code 中发送以 ! 开头的聊天消息,加 -g 为全局安装,省略则仅项目内。安装后按触发词调用,如“run Figma Plugin API”“Figma to code”“code to Figma”“build Figma library”“code connect”“Figma design system rules”“create Figma file”。
适用场景:设计与前端实现衔接、设计系统沉淀、组件与代码关联维护、Figma 自动化。限制:完整包为 figma/skills,其他细节暂未提供。