DUDesign · 对话式 AI 前端设计平台

一句话,
看见 六种可能

把自然语言变成可交付的 HTML 页面。一次 prompt,并行生成多个设计变体; 圈画批改、逐版精修、多端预览、一键导出 —— 从灵感到上线素材,全程在浏览器中完成。

0
并行设计变体
0
桌面 / 平板 / 手机实时预览
0%
标准 HTML,可导出可部署
0
本地环境配置
SCROLL
How it works

五步,从一句话到一页交付

不需要写代码,也不需要打开设计软件。你描述需求,DUDesign 负责生成、对比、修改和交付。

01

描述需求

输入一句话 prompt,选择「新建页面」或「基于已有 HTML 改造」,设定变体数量与风格偏好。

02

并行生成

多个设计变体同时生成,实时流式展示每个方向的进度、耗时与成本。

03

结果墙对比

所有变体以真实预览卡片排列在结果墙上,先完成先预览,横向对比设计方向。

04

圈画精修

选中一个变体,用自然语言或圈画批注指出要改的地方,每次修改生成新版本、可回退。

05

导出分享

导出标准 HTML/ZIP 直接部署,或生成只读分享链接发给同事与客户。

Live Demo · 并行变体

一个 prompt,六种设计方向

点击「开始生成」,体验 DUDesign 的并行生成过程 —— 就像真实产品里发生的那样:队列调度、流式进度、逐变体完成。

dudesign.ai/app/jobs/job_8x2k
Prompt
变体数量
设计方向
idle0 tokens
Live Demo · 圈画批改

指哪里,改哪里

说不清楚?那就画出来。在预览上直接圈选区域、留下批注,DUDesign 会把你的标记转译成精确的修改指令。在下方预览区按住拖动,亲自试试。

dudesign.ai/app/variations/var_03 — desktop · 1440
开始使用 →
批注批次 · draft
还没有批注。
在左侧预览上按住拖动圈出想修改的区域。
Live Demo · 多端预览

一次生成,三端验证

桌面 1440、平板 768、手机 390 —— 不用离开编辑器,切换设备尺寸实时检查响应式表现。

为你的团队
造一个更快的起点

SaaS Landing Page · 由 DUDesign 生成。布局、配色与文案均来自一次自然语言描述,可继续精修或直接导出部署。

免费开始 →
快速上线

生成的 HTML 无需构建,托管即可访问。

响应式

三端尺寸自动适配,逐端检查确认。

可持续修改

会话随时恢复,在上次基础上继续迭代。

Export & Share

产物是你的,拿去就用

没有私有格式,没有平台锁定。每一次生成都是标准 HTML/CSS/JS,导出即部署,分享即所见。

一键导出 HTML / ZIP

每个版本都是独立可用的静态页面,附带全部资源文件。下载 ZIP 丢到任何静态托管,即刻上线。

$ unzip variation-03-v2.zip
index.html
assets//hero.svg
assets//style.css
# content_hash · 9f2c…a1 · 84 KB
✓ ready to deploy

只读分享链接

生成高熵随机 token 的只读链接,发给任何人预览。沙箱隔离渲染,随时可撤销。

visibility: public-readonly · sandbox: strict · revocable: yes

Early Access

你的下一个页面,
一句话开始

DUDesign 内测通道已开启。留下邮箱,第一时间获得体验资格。