$ loading_
将 Figma 设计转为结构化语义 JSON 与截图,支持 AI 设计转代码流程。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-context-mcp-server" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
读取这个 Figma 文件,输出页面结构、组件层级、文本内容、样式令牌和对应截图,整理为适合生成 React 页面代码的 JSON。
得到包含布局、组件、文案、样式变量和截图引用的结构化 JSON,可直接用于设计转代码。
解析该 Figma 设计系统文件,识别可复用组件、变体、尺寸和颜色规则,并导出语义分析结果与截图。
输出组件清单、属性规则、变体关系及配套截图,方便 AI 理解设计系统。
把这个 Figma 页面转换成语义 JSON 和页面截图,让 AI 根据界面内容生成交互说明和实现建议。
获得可供多模态 AI 消费的结构化界面上下文,用于说明、评审或代码生成。
让 AI 读取 Figma 设计数据并生成代码、模板或提示词
连接 Figma 设计稿,支持读取编辑、生成多框架代码与无障碍检查。
帮助提取并整理 Figma 设计文件结构与图像数据,便于 AI 理解和生成代码。
连接 Figma 设计稿,提取变量、截图并辅助转换为开发代码
连接 Figma 获取设计上下文与资源,并将节点高效转换为生产代码。
让 AI 直连 Figma,完成设计提取、生成、调试与双向令牌同步