Figma｜Figma
面向 Figma 设计稿到代码、Code Connect 模板和设计系统规则的工作流。
产品说明
Design-to-code workflows powered by the Figma integration
由 Figma 集成支持的设计转代码工作流程。
示例指令
Inspect a Figma design and implement it in code.
检查 Figma 设计并用代码实现。
Create Code Connect templates for my components.
为我的组件创建 Code Connect 模板。
Build or update a screen in Figma.
在 Figma 中构建或更新一个界面。
Figma workflows for implementing designs in code, creating Code Connect templates for published Figma components, and generating project-specific design system rules for repeatable Figma-to-code work.
用于将设计实现为代码、为已发布的 Figma 组件创建 Code Connect 模板，以及生成项目专属设计系统规则，以支持可复用的 Figma 到代码工作。
主要能力｜Core capabilities
figma-code-connect — Create and maintain Figma Code Connect template files that map Figma components to code snippets.
figma-code-connect：创建和维护将 Figma 组件映射到代码片段的 Code Connect 模板文件。
figma-design-to-code — Inspect Figma design context before implementing it in code.
figma-design-to-code：在用代码实现前检查 Figma 设计背景。
figma-generate-design — Translate an application page, view, or multi-screen flow into a Figma design.
figma-generate-design：把应用页面、视图或多屏流程转化为 Figma 设计。
figma-generate-diagram — Generate diagrams from Figma context.
figma-generate-diagram：根据 Figma 背景生成图表。
它可以做什么
帮助在设计实现、组件关联和项目设计规范整理中调用 Figma 集成能力。
新手如何开始
先准备可访问的 Figma 文件或团队资源，再阅读来源页说明适用流程。
来源与覆盖
来源：OpenAI Plugins repository · Figma
编辑覆盖：verified。具体要求、资格和可用情况以来源页面为准。