figma-generate-library - 在 Figma 中构建设计系统
根据代码库构建或更新 Figma 设计系统,包括令牌、组件、主题、文档以及代码与 Figma 的差异协调。
标签
更新于: 2026-10-03能力
典型输入
典型输出
该技能可以做什么
- 分析代码库令牌
- 检查 Figma 规范
- 搜索可复用设计资源
- 规划系统范围
- 创建变量集合
- 创建基础变量
- 创建语义变量
- 配置变量作用域
- 设置变量代码语法
- 创建文本和效果样式
- 构建 Figma 页面结构
- 编写基础文档
- 构建组件变体
- 添加组件属性
- 将属性绑定到变量
- 验证组件结构
- 捕获组件截图
- 审查无障碍和命名
- 使用 Code Connect 映射组件
- 持久化工作流状态
输入
- 代码库
- Figma 文件
- 已订阅的资源库
- 用户范围决策
- 用户阶段审批
- 运行 ID
输出
- Figma 变量
- Figma 样式
- Figma 页面
- Figma 组件
- 组件属性
- Code Connect 映射
- 验证截图
- 无障碍审查结果
- 状态账本文件
要求
- figma-use 技能
- Figma MCP 访问权限
- use_figma 插件 API 访问权限
- 按顺序执行 Figma 状态变更
- 可写入的 /tmp 目录
