构建器概览

3D 构建器中的每次生成都会从一条提示词生成五个交付物：

所有五项都在一个工作流中创建。您无需手动组合任何内容。

Draftly 使用分块流水线而非一次巨大的 AI 调用。这确保了质量和完整性：

阶段 0 —— 规划（约 5 秒） AI 读取您的提示词并输出网站蓝图：品牌名称、标语、主图标题、主图 CTA、色调、字体风格、3–7 个板块，以及 3–5 个具体差异化亮点（关于您业务的独特事实，而非通用文案）。

阶段 1 —— 框架（约 20 秒） 生成导航栏、主图板块、CSS 变量、滚动帧引擎，以及板块和页脚的占位锚点。

阶段 2 —— 板块（并行，约 30 秒） 每个板块（功能、定价、评价等）在单独的并行 AI 调用中生成。6 个板块的网站与 3 个板块的网站耗时相同。

阶段 3 —— 页脚（约 10 秒） 单独生成页脚，确保其始终存在。页脚从不受板块预算限制，永远不会被截断。

阶段 4 —— 组装（约 5 秒） 所有部分拼接在一起。注入 SEO 元标签、Open Graph 标签、JSON-LD 结构化数据、H1 保障和规范 URL。

左侧面板 —— 对话与控制 - 底部对话输入框：描述您的网站或请求编辑 - 上方系统日志：每个生成阶段的时间和状态 - 操作按钮：全屏预览、编辑文本、更改颜色、发布上线 - 标签栏：日志、图像、视频、帧、代码、历史、商业操作系统

右侧面板 —— 实时预览 - 您生成的网站在 iframe 中渲染，滚动动画处于激活状态 - 点击任意文本进行内联编辑（免费，零积分） - 工具栏：宽高比切换（16:9 / 9:16）、查看/编辑/编辑中模式、全屏、重新生成

顶部栏 - 项目名称 —— 点击重命名 - 保存状态标签 —— 实时显示已保存 / 保存中... / 处理中... - 积分追踪器 —— 本计费周期剩余积分

Draftly 通过两层机制持续自动保存您的项目：

标题栏中的保存状态指示器： - 已保存 —— 所有更改已同步到云端 - 保存中... —— 云端同步进行中 - 处理中... —— 生成进行中

如果您在生成过程中关闭标签页，重新打开项目时会出现自动恢复横幅 —— 点击它即可从生成中断的地方继续。您的工作永不丢失。

日志 —— 实时生成流。实时查看每个流水线阶段、时间和警告。

图像 —— 您的主图静帧。下载原始图像或触发新的图像生成。

视频 —— 动态视频。下载 MP4 或以不同质量设置重新生成。

帧 —— 从视频中提取的约 200 个滚动帧。这些帧驱动视差滚动效果。

代码 —— 您生成网站的原始 HTML。复制它、以 ZIP 形式下载，或推送到 GitHub。

历史 —— 版本检查点。每次重新生成或重大编辑都会创建一个恢复点。点击任意版本即可回滚 —— 免费，无需积分。

商业操作系统 —— 为您的品牌提供 AI 商业智能仪表板（Pro+）。包括内容建议、分析上下文等。