LogoClawIndex
案例技能关于
LogoClawIndex

figma-generate-design - 从代码构建Figma屏幕

使用已发布的设计系统将应用页面和视图转换为Figma设计

标签

更新于: 2026-05-09
Figma设计系统UI设计屏幕设计组件库

能力

典型输入

典型输出

该技能可以做什么

  • 创建屏幕
  • 更新屏幕
  • 创建视图
  • 更新视图
  • 创建模态框
  • 更新模态框
  • 创建对话框
  • 更新对话框
  • 创建抽屉
  • 更新抽屉
  • 创建面板
  • 更新面板
  • 创建侧边栏
  • 创建落地页
  • 构建布局

输入

  • 源代码
  • 屏幕描述
  • Figma文件URL
  • Figma文件密钥
  • 已发布的设计系统
  • 图片文件

输出

  • Figma屏幕
  • Figma视图
  • Figma模态框
  • Figma对话框
  • Figma抽屉
  • Figma面板
  • Figma落地页

要求

  • Figma MCP服务器
  • 工具调用支持
  • 已发布的设计系统
  • figma-use依赖

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建屏幕
更新屏幕
创建视图
更新视图
源代码
屏幕描述
Figma文件URL
Figma屏幕
Figma视图
Figma模态框