用途:在 Figma 中创建或更新屏幕、视图及多区块 UI 容器(整页、模态框、对话框、抽屉、侧边栏、面板等),通过复用已发布设计系统的组件、变量和样式来构建,而不是用十六进制颜色和像素值画方框。
主要能力:从代码或描述理解页面结构,拆分区块并列出所需 UI 组件;发现并解析设计系统组件键、颜色/间距/圆角变量、文本与效果样式;支持 Code Connect 映射发现;可并行使用 generate_figma_design 捕获像素级截图作为视觉参考,再以 use_figma 输出带设计系统组件实例的结果。
使用方式:需先连接 Figma MCP 服务器,目标文件须有已发布设计系统,并提供目标文件 URL 或 fileKey(没有则先调用 create_new_file)。调用 use_figma 时必须同时加载 figma-use,并在 skillNames 参数中包含本技能名(经 MCP 资源加载时需加 resource: 前缀)。工作流包括理解交付物、收集组件键/变量/样式、构建与校验。
限制:硬性要求输出必须是可编辑的文本、组件、图标与层级,截图或扁平化渲染只能作视觉参考,不得导入交付物。use_figma 插件 API 无法获取外部图片 URL,只能复制文件中已有节点的 imageHash。若主要交付物是可复用库基础组件,应改用 figma-generate-library;写 Code Connect 映射应改用 figma-code-connect。非 Web 应用或更新已有屏幕使用标准工作流。具体收费、价格与平台支持信息暂未提供。