关于 claude2figma
claude2figma 包含 4 项技能，用于确保写入 Figma 画布的内容符合设计系统规范，适合采用基于令牌的设计系统的用户。它会检查组件实例及绑定到变量和样式的属性，并在画布操作后验证合规性。
主要功能
- 014 项设计系统规范检查技能
- 02检查主组件实例
- 03要求使用 Figma 变量与样式
- 04验证颜色、字体、间距和圆角
- 05画布操作后进行验证
适用场景
- 01确保画布组件关联主组件
- 02使用设计系统变量设置样式
- 03检查画布写入是否符合令牌规范
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/claude2figma确认已加载。
附带文件stub.yaml
详细介绍
claude2figma
目录占位条目 — 完整软件包：senlindesign/claude2figma
决策树
-
是否已安装该技能？ 检查
~/.design-agent-skills/skills/中是否有claude2figma或相关技能目录。- 是 → 调用并继续
- 否 → 转到第 2 步
-
是否可以访问 Shell？ 可以 → 按下方说明安装。不可以 → 向用户展示命令（Claude Code：将命令作为聊天消息发送，并在前面加上
!；添加-g可全局安装，省略则仅安装到项目）。
安装命令
npx skills add senlindesign/claude2figma
安装后调用
- 技能名称：
claude2figma - 触发词："claude2figma"、"Figma token 合规性"、"Figma variables 强制执行"、"设计系统 Figma"
功能
由四项技能组成的强制执行层，确保所有 Figma 画布写入操作都符合你的设计系统。验证放置的组件是否为主组件的实例（而非已分离组件），并确保所有颜色、排版、间距和边框圆角值都绑定到 Figma 变量和样式，而非原始值。每次画布操作后都会自动验证合规性。
不适用场景
- 读取或审查现有 Figma 设计 — 使用
figma-official-skills（Figma MCP） - 不基于 token 的设计系统进行代码转设计
- Figma 之外的 token 架构 — 使用
design-tokens-skill
评论
支持 Markdown