Figma 导入

AI 可以自动解析 Figma 设计文件的信息,并将其中的设计元素转化为可运行的代码。你既可以选择整个 Frame 来生成完整页面代码,也可以精准选择单个组件(如按钮、表单、卡片)。将选中的 Frame 或元素添加至对话并发送后,AI 会开始生成对应的代码片段。

通过内置的 Figma 工具面板,你无需切换浏览器或跳转至 Figma 平台,就能在当前界面直接查看设计文件,调整图层顺序以及修改基础样式。

  1. 在 SOLO 模式中,打开工具面板,然后选择 Figma 工具。

  2. 在 Figma 工具中,登录你的 Figma 账号。

  3. 打开目标设计稿。

  4. 选择需要转换为代码的 Frame 或元素,然后点击右上角的 添加到对话 按钮。

  5. image

  6. 选中的 Frame 或元素将被添加至 AI 对话框。

  7. 编写指令并发送。

  8. AI 开始根据 Figma 设计稿以及你的指令编写代码。

暂无介绍....

延伸阅读:

工具面板

SOLO 模式提供一系列工具,包括编辑器、文档、浏览器等。你可以使用这些工具来扩展更多能力。展开工具面板切换至 SOLO...

Allen
2026年4月3日
多任务并行

多任务管理功能打破传统的串行执行任务的限制,支持在一个项目中同时管理多个任务,提升整体开发效率。使用场景同步进行问答与开...

Allen
2026年4月3日
SOLO 模式概览

SOLO 模式以 AI 为主导,自动规划并执行从需求理解、代码生成、测试,到成果预览的全流程。在 SOLO 模式下,你可...

Allen
2026年4月3日
SOLO Coder

SOLO Coder 是一个面向复杂项目开发的智能体。它能够助力你高效完成从需求迭代到架构重构的全流程开发工作。通过智能...

Allen
2026年4月3日
Figma 导入

AI 可以自动解析 Figma 设计文件的信息,并将其中的设计元素转化为可运行的代码。你既可以选择整个 Frame 来生...

Allen
2026年4月3日