figma-implement-design
作者： figma
将 Figma 设计转化为生产就绪的应用代码，实现 1:1 视觉保真度。在从 Figma 文件实现 UI 代码、用户提及……时使用。
npx skills add https://github.com/figma/dev-mode-mcp-server-guide --skill figma-implement-design来自 figma 的更多技能
figma-code-connect
figma
创建并维护将Figma组件映射到代码片段的Figma Code Connect模板文件。当用户提到Code Connect、Figma组件时使用。
official
figma-create-design-system-rules
figma
为用户代码库生成自定义设计系统规则。当用户说“创建设计系统规则”、“为我的项目生成规则”、“设置设计…”时使用。
official
figma-create-new-file
figma
创建一个新的空白Figma文件。当用户想要创建新的Figma设计或FigJam文件，或者在调用use_figma之前需要新文件时使用。
official
figma-generate-design
figma
当任务涉及将应用页面、视图或多部分布局转换为Figma时，将此技能与figma-use配合使用。触发词：'write to…
official
figma-generate-diagram
figma
MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. Routes to type-specific guidance (generic flowchart, architecture…
official
figma-generate-library
figma
根据代码库在Figma中构建或更新专业级设计系统。当用户想要创建变量/令牌、构建组件库、设置……时使用。
official
figma-use
figma
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…
official
figma-use-figjam
figma
该技能帮助代理在 FigJam 环境中使用 Figma 的 use_figma MCP 工具。可与 figma-use 配合使用，后者提供了使用该工具的基础上下文……
official