文档入门指南简介

简介

欢迎使用 Draftly —— 这是一个 AI 驱动的平台,只需一条提示词即可创建电影级、可直接上线的网站。

什么是 Draftly?

Draftly 是一个 AI 驱动的网站生成平台,能将一条文字提示词转化为完整的、可发布的网站 —— 包含电影级主图、滚动同步动态视频,以及在 3 分钟内生成的生产环境 HTML。

与通用 AI 工具不同,Draftly 理解设计模式、字体排印、空间层次和品牌识别。每个生成的网站都是独一无二的,专属于您的业务,并基于干净的语义化 HTML 构建。

Draftly 完全在您的浏览器中运行,网址为 draftly.space —— 无需安装、无需代码、无需设计师。

一条提示词能得到什么

1.主图静帧 —— 一张电影级 AI 生成的背景图,尺寸和风格与您网站的版式和色调相匹配
2.动态视频 —— 一段 5–8 秒的滚动同步背景视频(Google 的 Veo 3.1),让主图焕发生机
3.滚动帧 —— 从视频中提取的约 200 帧 WebP 图片,实现流畅的滚动驱动动画
4.完整网站 HTML —— 包含导航、页脚、滚动动画引擎和 SEO 元标签的多部分响应式 HTML
5.在线 URL —— 即时发布到您在 *.draftly.space 的专属子域名

工作原理

Draftly 采用 5 阶段分块生成流水线,确保网站内容完整无截断:

1.规划 —— AI 从您的提示词中提取品牌名称、标题、板块、色调和差异化亮点
2.框架 —— 首先生成导航、主图板块、CSS 变量和滚动帧引擎
3.板块 —— 每个内容板块(功能、定价、评价等)并行生成
4.页脚 —— 联系信息、导航链接和品牌详情 —— 始终生成,从不跳过
5.组装 —— 所有部分拼接在一起,注入 SEO 标签,并部署结果

这种架构确保页脚始终存在,每个板块都有专属 AI 调用,输出永远不会触及 token 限制。

核心功能

3D 网站构建器 —— 一条提示词生成包含主图、动态视频、帧序列和 HTML 的完整电影级网站
精准对话编辑 —— 通过对话修改颜色、文本或布局,每次编辑仅需 0.5 积分(而完整重新生成需 400+ 积分)
内联文本编辑 —— 点击预览中的任意文本直接编辑 —— 零积分,即时生效
设计预设 —— 跨行业一键风格转换:SaaS、餐厅、作品集等
即时发布 —— 通过 Cloudflare CDN 在数秒内上线您的专属子域名
视频生成 —— Veo 3.1 Fast(Google),根据套餐提供 720p 至 4K 输出
图像生成 —— 12+ AI 模型,包括 Nano Banana Pro、Seedream 4.5、Flux Pro
商业操作系统 —— AI 驱动的商业智能仪表板(Pro+ 套餐)
版本历史 —— 保存每个生成检查点;随时回滚

系统要求

Draftly 完全在您的浏览器中运行,无需安装任何软件。

支持的浏览器: - Chrome 90+(推荐,滚动性能和视频解码最佳) - Firefox 88+ - Safari 14+ - Edge 90+

网络连接: 必须。视频生成会传输大型文件 —— 建议使用稳定的宽带连接(10 Mbps+)。

设备: 支持桌面端和平板端。3D 构建器针对 1280px 及更宽的屏幕进行了优化。