用途：figma-design-to-code 处理 Figma 到代码（Design → Code）方向的工作流，即把指定的 Figma 节点实现、转换或移植为目标代码库中的代码。它不用于向 Figma 写入内容；反向的从代码构建或更新 Figma 设计应使用 figma-generate-design。
必要用法：必须先对目标节点调用 get_design_context，再编写任何代码。调用时须在逗号分隔的 skillNames 参数中带上 figma-design-to-code；若通过 MCP 资源加载，则加前缀 resource:，例如 resource:figma-design-to-code。该参数仅用于记录技能使用，不影响执行。节点参数（nodeId / fileKey / branchKey 的提取、URL 解析、format/query 选项、返回结构）以 get_design_context 工具说明为准。
主要能力与要求：get_design_context 单次调用会返回参考代码、截图和上下文提示；返回代码为带提示的 React + Tailwind，属于参考而非可直接粘贴的最终代码，需按目标项目的语言、框架、组件库、样式体系和规范改写，并优先复用项目已有组件、布局模式和设计令牌。提示按优先级采纳：Code Connect 片段、组件文档链接、设计标注、设计令牌（CSS 变量）、原始色值或绝对定位。图像与图标以 <img> 返回，src 为远程资源 URL，约 7 天后过期，提交代码需下载并提交确切资源字节或接入项目数据源；不得手写或内联 SVG、自行绘制图标或留占位符，容器需显式设置宽高并让叶节点 <img> 填满。
错误与回退：出错时应先停止并阅读报错再重试；URL 无 node-id 时须向用户索取节点级 URL，不得猜测或传空 nodeId；超时可改用更小节点重试。Figma MCP 不可用时，可用用户提供的 Figma 导出、截图、变量、本地设计系统文件或官方文档作为回退。跨 GitHub Copilot、Claude Code、Codex 使用时需保持在各自可发现的技能路径，Codex 可安装或同步到 $CODEX_HOME/skills/figma-design-to-code 并在重大改动后重启。
限制：该技能有明确任务边界，不得用于写 Figma；不得在无依据时声称使用了 MCP 操作、节点元数据、截图、资源或画布写入；成功声明需有文件、命令、测试或渲染输出等直接证据。