LogoClawIndex
案例技能关于
LogoClawIndex

figma - Figma 双向设计技能

读取 Figma 设计并将组件、页面和设计令牌写回 Figma

标签

更新于: 2026-05-28
Figma设计Vue 3shadcn-vueTailwind CSSAuto Layout设计令牌组件映射MCP

能力

读取设计上下文获取变量定义搜索设计系统获取截图

典型输入

Figma 节点 IDFigma 文件 URLJavaScript 代码

典型输出

设计上下文数据变量定义设计系统组件

该技能可以做什么

  • 读取设计上下文
  • 获取变量定义
  • 搜索设计系统
  • 获取截图
  • 创建框架
  • 创建文本节点
  • 创建组件
  • 设置节点属性
  • 创建新文件
  • 生成图表
  • 推送组件
  • 推送页面
  • 推送令牌
  • 转换 Auto Layout
  • 映射 UI 组件
  • 提取设计令牌

输入

  • Figma 节点 ID
  • Figma 文件 URL
  • JavaScript 代码
  • 设计系统查询
  • 设计令牌数据
  • 组件属性

输出

  • 设计上下文数据
  • 变量定义
  • 设计系统组件
  • 截图
  • Figma 框架
  • Figma 组件
  • Figma 文件
  • Figma 图表
  • 设计令牌
  • 组件映射
  • 设计规范文件

要求

  • /figma:figma-use 技能
  • Figma API 连接
  • MCP 服务器访问

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。