LogoClawIndex
案例技能关于
LogoClawIndex

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 目录

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Figma
设计系统
设计令牌
组件库
主题
变量
Code Connect
设计文档
分析代码库令牌
检查 Figma 规范
搜索可复用设计资源
规划系统范围
代码库
Figma 文件
已订阅的资源库
Figma 变量
Figma 样式
Figma 页面