摹客AI

摹客AI是摹客3中的智能助手，也称“小摹AI”，能够把文字需求转成可编辑的网页或App设计稿。AI妙设支持先确认页面大纲或多页目录，再生成界面与页面跳转，并把结果应用到摹客3继续加工；AI妙想则负责按模板生成文档。它适合需要从需求探索推进到原型评审、UI调整和开发交接的产品经理与设计师。

生成结果可以继续进入原型和UI编辑

摹客AI与摹客3设计环境相连，生成的页面可以整体或按页应用到编辑器，多页设计的交互属性也会继承。摹客3同时提供原型与UI模式，组件和设计资源可在两种模式间复用。用户可以先让AI组织页面，再借助图层、组件和交互工具细化，而不必把AI结果停留在一张静态图片上。完成后还可通过摹客3的协作与开发模式交付设计。

先调整单页大纲再比较多个方案

从顶部工具栏进入AI妙设后，可描述页面名称、功能、布局、内容与视觉风格，并选择设备类型、深浅模式、主题色和圆角。单页任务会先生成包含布局、模块及视觉规范的大纲，用户可通过对话修改，再开始生成。官方指南说明单页会提供三个设计方案，可切换比较并全屏查看，适合在同一需求下寻找不同的设计方向。

按目录生成多页交互设计稿

提示词可以指定需要的页面数量及各页内容，AI会判断单页或多页任务，无法识别时再让用户选择。多页生成先列目录，再依据目录分别生成页面；完成后可切换目录查看，或按住Ctrl选择一张或多张页面再次修改。修改后使用“更新目录”保存同步。当前指南明确支持元素级点击跳转，例如点击按钮前往其他页面，应用到摹客3时会保留对应交互属性。

通过参考图片生成界面设计

官方功能公告说明AI妙设支持上传参考图片，解析其中的页面布局、配色与组件结构，再生成高保真设计稿。输入可以来自网页或App页面，为已经找到视觉方向的用户提供另一种起点。结果仍处于摹客3的设计流程中，可以继续编辑和检查。参考图生成与纯文字描述分别适合“已有画面方向”和“先探索设计需求”的任务。

将AI初稿应用到摹客3继续细化

AI妙设生成结束后，可选择应用当前页面或全部页面到摹客3。进入编辑器后，团队可以沿用平台的组件、样式与交互能力完善细节，设计稿也支持多人实时协作。平台提供分享邀请入口，开发人员则可以进入开发模式预览原型、查看标注和下载切图。这些操作属于摹客3的后续设计与交付能力，与AI对话生成共同组成从初稿到评审的流程。

查看HTML并按需要衔接代码交付

AI妙设指南明确支持查看和下载生成设计稿的HTML代码，适合核对页面结构或将初步结果交给开发讨论。摹客3另有设计稿转代码功能，可选择单个或多个容器，生成HTML、React或Vue工程结构，下载代码包或复制到开发工具。两种入口覆盖不同阶段：AI生成页直接提供HTML，编辑器中的设计稿则可继续走设计转代码流程。

用AI妙想生成并导出文档

AI妙想从预设模板或自定义模板开始，用户输入文档需求后生成内容，再通过追加需求继续改进。生成文档可以全文复制，也能下载为PDF、Word或Markdown，便于后续传阅与整理。官方更新还记录了PRD文档生成能力，适合产品需求材料与设计方案并行准备，而不是只输出界面。

保留会话并继续设计迭代

AI妙设左上角可以展开历史会话列表，查看此前的对话及对应设计稿。用户不必只围绕当前一次生成结果工作，可以返回先前任务继续理解设计依据。多页任务还可对指定页面继续修改，并将结果同步回目录；设计稿的点赞和点踩入口则用于向平台反馈生成效果。

从需求描述完成一轮设计生成

1. 进入网页工作台：通过官网体验入口登录摹客3，打开设计环境，在顶部工具栏选择AI妙设。
2. 准备页面需求：说明应用类型、页面功能与风格；需要多页时列出页面目录或数量。
3. 配置视觉方向：选择设备类型、深浅模式、主题色和圆角，再检查AI给出的大纲或目录。
4. 生成并比较：单页切换方案查看，多页逐页检查，使用对话修改指定页面并按需更新目录。
5. 继续编辑或交付：把当前页或全部页面应用到摹客3，完善组件与交互；也可查看下载HTML，或进入编辑器的设计稿转代码流程。

适合产品探索设计评审与研发交接

• 产品原型起稿：产品经理列出首页、详情、登录等页面需求，先确认目录，再生成带页面跳转的初稿用于评审。
• 单页视觉探索：设计师输入页面模块和品牌颜色，比较单页多个方案后选择方向继续编辑。
• 参考界面延展：将已有网页或App参考图作为输入，生成设计稿后再调整布局与组件。
• 需求文档准备：用AI妙想按模板整理文档，追加修改要求，再导出常用文档格式共享。
• 团队设计加工：把AI初稿放入摹客3，利用协作、原型和UI工具共同完善设计。
• 开发交接：结合设计稿、标注、切图与代码输出核对页面实现方向，再进入开发环节。