figma-implement-design

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

figma-implement-design

Curated from Figma's MCP server guide.

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

What it does

功能介绍

Translate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.

将Figma设计转换为具有1:1视觉保真度的可投产代码。适用于直接将Figma框架交付给前端Agent。

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的技能目录中：

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-implement-design`) or with
one of the trigger phrases listed in this skill's frontmatter.

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


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