用途：创建 Code Connect 模板文件（.figma.ts），将 Figma 组件映射为代码片段。给定 Figma URL，按六步工作流生成经验证的模板。此技能仅覆盖使用 MCP 工具从 Figma 获取组件上下文的模板文件，不含基于 parser 的 .figma.tsx。
主要能力：解析 Figma URL（提取 fileKey 与 nodeId，连字符转冒号）；通过 get_code_connect_suggestions 发现未映射的已发布组件；通过 get_context_for_code_connect 获取组件属性（TEXT、BOOLEAN、VARIANT、INSTANCE_SWAP、SLOT）；识别对应代码组件；编写模板；校验属性覆盖、类型、动态插槽与常见陷阱。
使用方式：需先连接 Figma MCP 服务器，组件须发布到团队库，且需 Organization 或 Enterprise 计划；URL 必须含 node-id。为 .figma.ts 提供类型补全，需在 tsconfig.json 的 types 中加入 @figma/code-connect/figma-types。流程为：解析 URL → 发现组件 → 获取属性 → 识别代码组件 → 创建模板 → 校验。模板包含 url、source、component 注释及 example、imports、id、metadata 等字段。
适用场景：将设计系统中的已发布 Figma 组件与前端代码组件建立映射，便于在设计稿中展示对应代码。
限制：仅适用于已发布组件；Free 与 Professional 计划不可用；本技能仅处理 .figma.ts 模板文件；资料未提供具体价格、效果指标或除上述外的平台支持信息。