用途:将当前可见的 Figma 节点或指定 node ID 转换为与目标项目一致的最小 UI 实现,避免机械照搬设计工具输出。
主要能力:通过 TemPad Dev MCP 调用 get_code 获取结构、布局、间距、字体、颜色、效果、令牌引用、导出资源与代码生成上下文;可依据项目 AGENTS.md 等指令、设计系统、令牌、组件与资源规范进行项目化适配;支持单个 nodeId 或多个 nodeIds,默认 resolveTokens: false,必要时设 true 获取实际值;按项目目标设置 preferredLang,并以返回的 lang 为准。
使用方式:先建立实现边界——读取适用指令、设计系统与令牌指引、最接近的同类实现与可复用基础件,以及框架、样式与检查配置;再按请求范围调用 get_code;随后区分设计事实、项目化适配与无证据的产品决策,实施最小且连贯的改动,保持既有框架、样式体系、文件位置与抽象层级,不引入并行体系;最后在项目真实流程中运行最窄的相关检查。除非用户明确要求保留矢量资源且当前 MCP 版本支持,否则保持 TemPad 默认矢量行为。
适用场景:用户希望复刻、移植或更新 Figma 设计的 UI 代码时;在设计系统与组件资源完备的项目中实现界面。
限制:不能从记忆、单独截图或 get_structure 元数据重建设计;TemPad 无法提供未证实的状态、响应式行为、业务逻辑、导航、校验、埋点或项目惯例;不得臆造 hover、加载、错误、空白、禁用或响应式行为;不得在未经用户同意下新增运行时或构建依赖;不得在交付代码中保留 data-hint-* 属性;不做视觉调参循环。TemPad 不可用、未授权、目标不可读或证据冲突时应暂停相关工作并说明所需的具体解锁动作。具体安装命令、收费与平台支持在资料中暂未提供。