Figma & Canvas Skills
Figma 与画布工作流相关 Agent Skills。
figma-use
Figma
可靠调用 Figma Canvas 工具前所需的基础 Skill。
Figma & Canvas · Workflow & Handoff
figma-code-connect
Figma
通过 Code Connect 模板将 Figma 组件映射到代码。
Figma & Canvas · Design Systems · Workflow & Handoff
figma-create-new-file
Figma
通过 MCP 创建新 Figma 文件所需的基础 Skill。
Figma & Canvas · Workflow & Handoff
figma-design-to-code
Figma
将 Figma 设计上下文转为可上线的前端代码。
Figma & Canvas · UI & Frontend · Workflow & Handoff
figma-generate-design
Figma
基于设计系统资源从应用页面生成 Figma 界面。
Figma & Canvas · UI & Frontend
figma-generate-library
Figma
从代码库构建或更新 Figma 设计系统库。
Figma & Canvas · Design Systems
figma-generate-diagram
Figma
通过 MCP 在 Figma 中生成图表所需的基础 Skill。
Figma & Canvas · Workflow & Handoff
figma-implement-motion
Figma
将 Figma 动效规格转换为生产环境应用代码。
Figma & Canvas · UI & Frontend · Creative Coding
figma-use-motion
Figma
借助动效上下文为 Figma 画布节点添加动画。
Figma & Canvas · Visual Design
figma-use-figjam
Figma
指导 Agent 在 FigJam 场景中使用 Figma MCP 工具。
Figma & Canvas · Workflow & Handoff
figma-use-slides
Figma
指导 Agent 在 Slides 场景中使用 Figma MCP 工具。
Figma & Canvas · Visual Design
figma-swiftui
Figma
在 SwiftUI 界面与 Figma 设计之间进行转换。
Figma & Canvas · UI & Frontend