LogoClawIndex
案例技能关于
LogoClawIndex

figma-design-react - 分析 Figma 设计并规划 React 组件 API

分析 Figma 设计并提出 React 组件架构、属性 API 和变体处理方案,但不实现组件。

标签

更新于: 2026-10-05
FigmaReact组件架构

能力

典型输入

典型输出

该技能可以做什么

  • 解析 Figma URL
  • 获取设计上下文
  • 解析变量定义
  • 获取设计截图
  • 分析变体与结构
  • 提出 React 组件 API
  • 保存设计上下文

输入

  • Figma URL

输出

  • 设计分析
  • React 组件架构方案
  • 属性 API 方案
  • 变体处理方案
  • design-context.md 文件
  • proposed-api.md 文件

要求

  • Figma MCP 工具访问权限
  • 待办列表管理工具
  • Figma 文件访问权限

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
API 设计
设计分析
设计令牌
解析 Figma URL
获取设计上下文
解析变量定义
获取设计截图
Figma URL
设计分析
React 组件架构方案
属性 API 方案