Figma Skills (mcp-server-guide)
SkillFigma 官方技能合集：把设计稿还原成代码、用 Code Connect 映射组件、从代码生成设计系统组件库、在画布上搭建页面和 FigJam 图表。需连接 Figma MCP 服务器；写入画布目前处于 Beta 阶段，暂时免费。
暂时无法展示 README
该仓库没有提供 README。 请前往GitHub 仓库查看。
相关资源
Figma Design to Code
Skill把 Figma 设计稿还原成项目里的生产代码：以设计截图为视觉目标，优先复用已有组件、设计变量与 Code Connect 映射。Figma 官方维护，需连接 Figma MCP 服务（免费计划每月仅 6 次调用）。
figma/mcp-server-guide2k
Figma (Codex)
PluginFigma 出品、收录于 OpenAI 官方市场的 Codex 插件：按设计稿实现界面、生成 Code Connect 映射，还能在 Figma 里创建或更新页面、组件库、FigJam 图表和幻灯片。需要连接 Figma 账号。
openai/plugins7.2kFigma MCP Server
MCPFigma 官方远程 MCP：把设计稿的组件、变量与布局交给 agent 生成代码，还能直接在画布上创建和修改设计。需 Figma 账号授权；Starter 免费计划及 View、Collab 席位每月仅 6 次读取调用。
figma/mcp-server-guide2.1kFigma MCP Server Guide
PluginFigma 官方插件：接入 Figma 远程 MCP 服务器，附带设计稿转代码、Code Connect、生成设计与组件库等技能，可读取设计上下文并写入画布。需要 Figma 账号，Starter 版与查看、协作席位每月仅 6 次调用。
figma/mcp-server-guide2kFigma Code Connect
CLIFigma 官方命令行工具：把 Figma 设计系统里的组件与代码仓库中的真实组件一一关联，发布后 Dev Mode 与 Figma MCP 给出的是生产代码片段而不是自动生成的示例；目前主推模板文件写法。需要 Node.js 18+、Figma Organization 或 Enterprise 套餐、完整的 Design 或 Dev Mode 席位及个人访问令牌。
figma/code-connect1.6kfigma-generate-design
Skill把代码里的页面、弹窗、侧栏等界面或文字描述，搭建成 Figma 画布上可编辑的设计稿，优先复用文件里已发布设计系统的组件与变量。Figma 官方维护，需连接 Figma 远程 MCP 服务器，并同时安装 figma-use 技能。
figma/mcp-server-guide2k