$ loading_
用 AI 生成多框架 UI、完整应用与后端代码,并支持 Figma 与品牌规范。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"@forgespace/ui-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请根据这个 Figma 设计生成一个 React + TypeScript 页面组件,尽量还原布局、间距、颜色与交互,并拆分为可复用组件。
输出 React 页面代码、可复用子组件及基础样式结构。
为库存管理系统生成一个完整应用,前端使用 Vue,包含商品列表、库存预警、登录页与仪表盘;后端提供基础 CRUD API 和示例数据模型。
输出前后端项目结构、核心页面与接口示例代码。
根据以下品牌规范生成一个 HTML 落地页:主色、辅色、按钮样式、字体层级和品牌语气需统一,页面包含 Hero、功能介绍、客户评价和行动按钮。
输出符合品牌风格的落地页代码与页面区块结构。
连接 Figma 设计稿,支持读取编辑、生成多框架代码与无障碍检查。
将 Figma 设计系统接入 AI,用于提取、生成与调试设计资源
将 Figma 设计转成紧凑格式,便于大模型生成代码。
通过 AI 读写并自动修改 Figma 设计稿
让 AI 直接读取打开的 Figma 文件,加速设计交付与 UX 文案协作。
通过本地插件桥接高效连接 Figma,让 AI 免配额读取与操作设计内容。