figma-generate-design

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

figma-generate-design

Curated from Figma's MCP server guide.

整理自Figma的MCP服务器指南。

What it does

功能介绍

Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.

使用设计系统组件，通过代码或描述在Figma中构建或更新界面。使用设计令牌将应用页面转换为Figma格式。

Source

来源

Upstream: https://github.com/figma/skills
Category:
```
figma
```

上游仓库：https://github.com/figma/skills
分类：
```
figma
```

How to use

使用方法

This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

bash

undefined

此目录条目在Open Design中推广该skill，以便agent在规划过程中发现它。要运行包含原始资源、脚本和参考资料的完整上游工作流，请将上游包安装到您当前使用的agent的skills目录中：

bash

undefined

Inspect the upstream README for exact paths

open https://github.com/figma/skills


Then ask the agent to invoke this skill by name (`figma-generate-design`) or with
one of the trigger phrases listed in this skill's frontmatter.

open https://github.com/figma/skills


然后通过名称（`figma-generate-design`）或该skill前置内容中列出的触发短语之一，让agent调用此skill。