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