用途：该技能用于以程序化方式访问 Figma 设计，支持检查设计元素、提取资源、从设计生成 UI 代码、截图，以及管理 Code Connect 映射。
主要能力：get_design_context 从设计生成 UI 代码；get_screenshot 截取节点截图；get_metadata 获取节点 XML 结构概览；get_variable_defs 获取颜色、字体、尺寸、间距等设计变量；get_code_connect_map 与 add_code_connect_map 读取和添加 Figma 组件到代码组件的映射；create_design_system_rules 生成设计系统规则；get_figjam 读取 FigJam 内容。
使用方式：需先运行 Figma Desktop，并在 mcporter 中配置 figma-desktop MCP 服务器。调用采用函数调用语法而非 flag 语法，参数为 camelCase，字符串用双引号，布尔值用裸写法。示例：mise x node@20 -- mcporter call 'figma-desktop.get_design_context(nodeId: "123:456", clientLanguages: "typescript", clientFrameworks: "react")'。可用 ./scripts/get_design_context.sh 等辅助脚本。节点 ID 从 URL 的 node-id=1-2 转为 1:2；分支 URL 用 branchKey 作为 fileKey；省略 nodeId 则使用当前选中节点。
适用场景：将设计实现为组件、提取设计令牌、为组件编写 Code Connect 文档、生成设计系统规则、为文档截图。
限制：get_figjam 仅适用于 FigJam 文件；Code Connect 映射需节点为组件实例；大型设计可用 forceCode: true；连接失败需确认 Figma Desktop 运行且 MCP 已配置。具体收费与平台支持暂未提供。