$ loading_
从 Figma 提取设计节点并转为 DSL,辅助生成前端组件代码。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-bridge" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
读取这个 Figma 文件中的登录页节点,转换为结构化 DSL,并生成可复用的 React 组件代码,保留布局层级、文本、颜色和按钮状态。
输出登录页对应的 DSL 结构,以及可直接使用的 React 组件代码。
获取 Figma 中的仪表盘页面节点数据,转换为 DSL,并生成 Vue 3 组件骨架,包含头部、侧边栏、卡片区域和基础样式。
输出页面 DSL 描述和 Vue 3 组件基础代码,便于继续开发。
从 Figma 提取商品详情页的节点信息,转换为结构化 DSL,并生成语义化 HTML 代码,用于快速搭建原型页面。
得到商品详情页的 DSL 数据和清晰的 HTML 原型代码结构。
帮助提取并整理 Figma 设计文件结构与图像数据,便于 AI 理解和生成代码。