$ loading_
连接 Figma 设计节点并转为结构化 DSL,辅助生成前端组件代码。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-bridge" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
从这个 Figma 文件中提取登录页相关节点,转换为结构化 DSL,并基于该 DSL 生成可复用的 React 组件代码,保留层级、文本、图片占位和主要样式。
输出登录页节点对应的 DSL,以及可直接使用的 React 组件代码。
读取 Figma 中的用户中心页面节点,输出结构化 DSL,并生成 Vue 3 单文件组件,包含模板结构、基础样式和组件拆分建议。
输出页面 DSL、Vue 3 组件代码,以及适合进一步开发的拆分方案。
获取 Figma 中营销落地页的设计节点,转换成结构化 DSL,并生成语义化 HTML 原型,尽量还原区块结构、标题层级与按钮区域。
输出落地页的 DSL 描述和可预览的 HTML 原型代码。
连接 Figma 获取设计上下文与资源,并将节点高效转换为生产代码。
让 AI 直接读取并修改 Figma 画布元素,加速设计协作与批量编辑。
连接本地 Figma 与 AI,读取当前文件、检查选区并导出设计节点。
连接 AI 与 Figma 桌面端,检查并编辑 Figma 设计文档。
将 Figma 设计稿高保真转换为 React 与 Tailwind 前端组件代码。
让 AI 读取并修改当前打开的 Figma 桌面文件,加速设计协作与迭代。