AI 帧生成
打开帧创建器
线框图项目的文档生成后,您将在线框图列表中看到它作为项目卡片。要开始使用AI生成帧,请点击项目卡片右下角的AI图标。这将打开帧创建器,您可以在其中为每个屏幕生成和管理各个帧。
帧创建器
帧创建器是您为每个屏幕生成和管理单独线框帧的地方。左侧边栏列出项目中的所有屏幕(例如仪表板、任务列表、任务详情),并带有状态徽章显示每个屏幕是待处理、正在生成还是已完成。
布局
AI 提供商
从左上角的下拉菜单中选择用于帧生成的 AI 模型(例如 Claude Code、Opus 4.6)。
屏幕列表
左侧边栏显示项目中的所有屏幕。点击屏幕查看其详情并生成帧。
屏幕用途和说明
中间面板显示所选屏幕的用途和关键功能。点击编辑可在生成前修改这些内容。
帧预览
右侧显示生成帧的预览,如果帧尚未生成则显示空帧占位符。
生成帧
点击为所选屏幕生成帧。使用"全部开始生成"可一次生成所有待处理的帧。
生成前编辑
您可以在生成之前编辑帧的各个方面。点击用途或关键功能部分旁边的编辑按钮来修改屏幕的描述、功能和说明。对细节满意后,点击生成帧创建帧,或根据需要调整并重新生成。
生成帧
当帧正在生成时,左侧边栏中的屏幕状态徽章变为生成中...,右下方出现进度指示器(例如"正在生成帧... (10%)")。生成帧按钮被替换为停止生成按钮,允许您在需要时取消。
生成期间
状态徽章
每个屏幕显示其当前状态——待处理(未开始)、正在生成(进行中)或已完成(完成)。
进度指示器
右下角的百分比进度条显示当前帧生成的进度。
停止生成
随时点击停止生成按钮可取消当前帧的生成。
自动链接
帧之间会自动链接——屏幕之间的导航流程在生成过程中自动连接。
已完成的帧
生成完成后,您将看到帧生成成功消息。屏幕状态徽章变为已完成(绿色),并显示元素计数(例如"41个元素")。生成的帧预览出现在编辑器右侧。
完成后
帧预览
右侧面板显示生成帧的可视化预览,其中包含所有组件的布局。
元素数量
已完成徽章显示为该屏幕生成的元素总数。
重新生成帧
如果对结果不满意,点击重新生成帧以从头重新生成。
全部开始生成
继续生成剩余的待处理帧,或使用此功能一次批量生成所有屏幕。
