figma-code-connect-components

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

figma-code-connect-components

Curated from Figma's MCP server guide.

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

What it does

功能介绍

Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.

借助Code Connect将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-code-connect-components`) or with
one of the trigger phrases listed in this skill's frontmatter.

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


随后可以通过名称（`figma-code-connect-components`）或该skill前置内容中列出的触发短语，请求agent调用此skill。