LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

figma - 将 Figma 设计转换为 React Native 代码

从 Figma 获取设计数据并转换为 React Native 组件和设计令牌

标签

更新于: 2026-03-20
设计figmareact-native代码生成设计令牌

能力

典型输入

典型输出

该技能可以做什么

  • 获取 Figma 文件数据
  • 提取设计令牌
  • 转换组件为代码
  • 导出图片
  • 合并设计令牌

输入

  • Figma 文件 URL
  • Figma 个人访问令牌

输出

  • TypeScript 常量文件
  • React Native 组件文件
  • 图片资源

要求

  • Figma REST API 访问
  • MCP Server 支持
  • 个人访问令牌
  • Expo 字体支持

来源

  • 规范: SKILL.md
获取 Figma 文件数据
提取设计令牌
转换组件为代码
导出图片
Figma 文件 URL
Figma 个人访问令牌
TypeScript 常量文件
React Native 组件文件
图片资源