线框图
欢迎
线框图区域允许您以可视化方式设计和原型化UI布局。在编码之前创建线框图来规划应用程序的结构。首次打开线框图时，您会看到带有创建线框图卡片的欢迎屏幕，或使用右上角的+ 新建线框图按钮开始。
关键功能
手动设计
使用可视化画布编辑器手动构建线框图——拖放组件来设计您的界面。
AI 驱动生成
描述您想要的内容，让 AI 自动为您生成线框图文档和帧。
语音输入
使用内置麦克风按钮或中键点击来通过语音口述线框图描述。
线框图转代码
线框图准备就绪后，直接将其发送到代码生成——在一个无缝工作流程中从设计到可运行代码。
创建线框图
点击创建线框图或+ 新建线框图打开创建对话框。输入标题，选择目标平台（移动端、桌面端或Web），撰写线框图描述，然后选择手动模式或AI驱动模式。
项目设置字段
标题
为线框图项目命名，以便稍后在线框图列表中识别。
平台
选择目标平台——移动、桌面或 Web——以调整线框图的布局和约束。
描述
描述您想要构建的内容。AI 驱动模式使用此描述来生成文档和帧。支持通过麦克风按钮进行语音输入。
模式
选择手动模式直接进入画布编辑器，或选择 AI 驱动模式让 AI 为您生成文档和帧。
手动模式
选择手动选项卡并点击创建后，您将直接进入线框图画布编辑器，可以立即开始构建屏幕。当您已经有清晰的设计想法并希望从一开始就完全控制时，这是最佳选项。
何时使用手动模式
您心中有特定的设计并想自己构建。
您想在完善之前快速草拟一个粗略布局。
您希望从一开始就完全控制每个元素。
AI 驱动模式
选择AI驱动选项卡时，会出现额外选项。您可以输入或口述描述，可选地定义各个帧，从顶部下拉菜单中选择首选AI模型，然后点击生成让AI为您创建线框图文档。
工作原理
输入详情
填写标题，选择平台，并编写项目描述。
定义帧（可选）
切换到"定义帧"标签页以指定您希望 AI 生成的各个屏幕或视图。
选择 AI 模型
从下拉菜单中选择您首选的 AI 模型（例如 Claude Code、Opus 4.6）。
生成
点击生成以开始 AI 文档生成。在文档创建期间，线框图项目将出现在您的列表中。
构建帧
文档完成后，您可以从线框图编辑器开始生成每个单独的帧。
AI 增强
在AI驱动模式下，点击AI增强按钮会打开一个对话框，允许您使用AI增强描述。它会获取您在描述字段中编写的内容，并根据您的指示进行改进——在生成线框图之前使其更详细、更结构化、更全面。
增强选项
AI 模型
选择用于增强描述的 AI 模型（例如 Claude Code、Opus 4.6）。
增强指令
可选择提供 AI 应如何改进描述的具体指令。支持语音输入。
增强描述
点击运行增强。AI 将根据您的输入和指令重写并改进您的描述。
文档生成
在AI驱动模式下点击生成后，您的线框图项目会以正在生成文档...状态出现在线框图列表中。AI正在根据您定义的标题、平台、描述和帧为项目创建结构化文档。
接下来会发生什么
文档生成
AI 根据您的描述创建结构化文档，定义每个屏幕、组件和布局。
帧生成
文档完成后，您可以打开线框图并从编辑器开始生成每个单独的帧。
完善
帧生成后，您可以在画布编辑器中手动调整、添加或移除组件以微调设计。