Skill 多语言阅读指南
figma-implement-design用途、用法与原始来源
将 Figma 设计稿转换为可用于生产环境的应用程序代码1：1视觉保真度。用于从 Figma 文件实现 UI 代码，或当用户提及“实现设计”、“生成代码”、“实现组件”、提供 Figma URL 或要求构建符合 Figma 规范的组件时。对于通过 Figma 画布写入的内容，请使用此功能。use_figma， 使用figma-use。
原文采集时间:
- 来源仓库
- openai/skills
- SKILL.md
skills/.curated/figma-implement-design/SKILL.md- 仓库 Star
- 28,420
- 仓库最近更新
- 2026/10/29
- 能力分类
- 设计
- 最近采集时间
许可：许可文件待核验
流程片段用于帮助阅读上游说明。本页没有执行第三方 Skill，不属于实测评测。
下面的用途和操作片段来自上游文档，由本站整理并翻译，和另行标注的 Codez 编辑分析分开展示。
这个 Skill 能做什么
将 Figma 设计稿转换为可用于生产环境的应用程序代码1：1视觉保真度。用于从 Figma 文件实现 UI 代码，或当用户提及“实现设计”、“生成代码”、“实现组件”、提供 Figma URL 或要求构建符合 Figma 规范的组件时。对于通过 Figma 画布写入的内容，请使用此功能。use_figma， 使用figma-use。
如何使用：上游操作流程
概述
这项技能提供了一个结构化的工作流程，可以将 Figma 设计稿以像素级精度转换为可用于生产环境的代码。它确保与 Figma MCP 服务器的一致集成，以及设计令牌的正确使用。1：1与设计在视觉上保持一致。
原文片段 · L8 ↗get_design_context(fileKey=":fileKey", nodeId="1-2")环境与依赖
先决条件
Figma MCP 服务器必须已连接且可访问。用户必须提供格式为以下格式的 Figma URL：https://figma.com/design/:fileKey/:fileName?node-id=1-2
限制与结果检查
开始使用前
- 先核对支持的 Agent 宿主和仓库安装说明。保留完整 Skill 目录及其引用的脚本、资源和文档，只复制 SKILL.md 可能漏掉依赖。
- 向 Agent 提供实际输入、期望输出和验收标准。调用方式与可用工具取决于宿主环境，本站不假定存在通用的安装命令。
- 先在临时项目或输入副本上试用。涉及修改文件、远程服务或计费资源的操作，应逐项核对后再授权。
- 按照原文检查项和自己的需求验证输出。成功触发或仓库 Star 较高，都不能证明结果正确。
继续阅读原始文档
相关 Skill
翻译与介绍范围
本页从固定版本的上游 SKILL.md 整理用途与操作片段，译文使用辅助翻译。它不是完整手册，也不代表经过兼容性实测；使用前请核对原文及其引用文件。
介绍依据下方列出的固定版本；当前仓库动态和目录采集时间单独展示。
- 固定版本来源
- 阅读原文 ↗
- 原文采集时间
- 来源提交版本
49f948faa9258a0c61caceaf225e179651397431- 原文 SHA-256
63f3d12d444547bbf68c10a12982b1f42e0f6e26fc074324564a13184d4b15ad