$ loading_
将 Figma 设计转换为可生产使用的 React 组件与前端模块。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"@manansiingh/figma-react-mcp-server" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请将这个 Figma 页面转换为可生产使用的 React 组件,保留布局结构、样式与交互命名,并输出组件拆分建议。
输出可复用的 React 组件代码、组件层级结构,以及拆分与复用建议。
从该 Figma 设计中提取颜色、字体、间距和圆角等设计令牌,并整理成适合前端项目使用的结构。
输出结构化的设计令牌清单,可直接用于主题配置或样式系统。
基于这个 Figma 设计生成适用于微前端架构的 React 模块,并说明模块边界与可注册组件。
输出可集成的微前端模块代码、模块划分说明,以及组件注册建议。
将 Figma 设计转为结构化语义 JSON 与截图,支持 AI 设计转代码流程。
连接 Figma 设计稿,支持读取编辑、生成多框架代码与无障碍检查。
让 AI 读取 Figma 设计数据并生成代码、模板或提示词
帮助提取并整理 Figma 设计文件结构与图像数据,便于 AI 理解和生成代码。
将 Figma 设计稿高保真转换为 React 与 Tailwind 前端组件代码。
通过本地插件桥接高效连接 Figma,让 AI 免配额读取与操作设计内容。