读取 Figma 设计稿并辅助将界面结构快速转换为代码实现
该 MCP 工具有较强的来源可信度:开源、平台精选且社区采用度高。基于现有材料,未见密钥需求或远程外发红旗;主要注意点是其作为 MCP 工具会在本机执行并读取设计数据,README 缺失使细节透明度有限。
材料明确标注“无”密钥/环境变量,未见要求提供 API token、账号凭证或其他敏感秘密,因此凭证泄露与滥用面较低。
材料标注“无”远程端点 host,且未描述会将用户数据发送到第三方服务。基于现有信息,未见明确网络外发路径或不明外传对象。
系统检查项显示该工具会执行代码;作为 MCP 工具,这通常意味着在本机启动进程并处理输入。此类本地执行属于常规能力,但仍应留意其实际调用的系统命令与运行权限。
描述称其“读取 Figma 设计数据,把设计稿转成代码”,说明其至少会访问设计相关内容。当前材料未说明读写范围、是否涉及本地文件或项目目录,因此应按可接触设计数据的常规权限谨慎看待。
供应链正面信号较强:开源、平台精选、约 1.5 万 star,且标注为 official-source,有利于审计与降低风险。但 README 缺失、许可证未声明、维护状态未知,透明度仍不完整,因此建议定为需留意而非高风险。
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "Figma (Framelink)" MCP 服务: 执行:claude mcp add figma -- npx -y framelink-figma-mcp
连接 Figma 获取设计上下文与资源,并将节点高效转换为生产代码。
将 Figma 设计稿高保真转换为可直接落地的前端界面代码
将代码或页面描述转成Figma完整界面,并按设计系统逐段搭建设计稿
根据代码库在 Figma 中创建或更新专业级设计系统与组件库
将 Figma 设计组件与代码组件建立映射,便于设计与实现保持一致。
为项目代码库生成定制化设计系统规则,统一 Figma 到代码协作规范。