EXPLAINABLE / 01
会解释的设计
主题为什么这样选？区块为何放在这里？让每个设计决策都有迹可循。
设计决策树 AI NATIVE · WEB DESIGN STUDIO
把想法，
变成好设计✳。
从一句灵感，到一套属于你的网站。
先聊清页面和设备，再一起打磨每个细节。
自由选区修改 多端设计预览 按需规划页面
CLICK A CARD · CHANGE THE MOOD
切换氛围
01 / CHOOSE YOUR GOAL这次想让页面做到什么？
✦ 浏览灵感无需登录 · 开始制作前请登录 · 未配置模型时使用本地规则演示
已经有项目文件？
DESIGN WITH INTENT / WHITE · PURPLE · SAGE
探索更多灵感
01 / EXPLORE IDEAS以灵感为起点
INSPIRATION LIBRARY
不知道从哪开始？
试试这些灵感。
挑选一个方向，或者写下属于你自己的想法。
好的网页，往往从一句简单的描述开始。
02 / STYLE GALLERY超越模板的视觉语言
NEW DESIGN LANGUAGES
让页面，拥有
自己的气质。
从极光渐变、杂志排版到深空霓虹。选择你喜欢的视觉方向，生成时它会成为真实的设计约束。
此处选择生成作品的主题。首页上方的三张卡片可单独切换网站外观；编辑器内仍可使用全部 16 套主题。
03 / DESIGN FOR REAL SCREENS先选设备，再开始设计
STUDIO / YOUR NEXT IDEA
✳ ATELIER
IDEAS MADE REALMake room
for good ideas.EXPLORE ↗
for good ideas.EXPLORE ↗
✳
✳ ATELIERMade for
your screen.
your screen.
◈
✳ ATELIERSMALL SCREEN, BIG IDEAIdeas.
Anywhere.
Anywhere.
✳
LET’S BEGIN ↗04 / HOW IT WORKS好设计，有迹可循
BETTER BY DESIGN
不是让 AI 自由画，
而是让它聪明地搭。
让内容自由生长，让审美始终有据可依。
每一步看得见，每一处都能改。
- 01
说出你的想法
描述你的产品、品牌或灵感，再确认主要设备与每一页的内容。
- 02
系统构建页面
分析需求、匹配布局、组合组件，在统一设计语言下呈现结果。
- 03
继续协作设计
框选位置、调整模块和色彩，切换设备检查，再保存你的项目。
05 / WHAT MAKES IT DIFFERENT让设计更有可能
MORE THAN GENERATION
生成只是开始。
下一步，才真正有趣。
不再被一张固定的结果困住。看懂它、试探它，然后把属于自己的设计语言带往下一站。
EXPERIMENTAL / 02
一键分岔的灵感
同样的品牌和文案，探索三种截然不同的设计方向，喜欢哪版就带走哪版。
方案实验室PORTABLE / 03
可以带走的风格
将视觉参数封装成一段设计 DNA，跨项目复用风格，内容始终属于你。
设计 DNA06 / A FEW GOOD QUESTIONS开始之前，你可能想知道
01开始前需要准备什么？
一句关于品牌、产品或项目的描述就够了。接下来会先确认主要使用的设备、需要的页面数量，以及每个页面的内容，再开始生成。
02电脑与手机会使用同样的布局吗？
先选择手机、电脑、平板或多端适配，系统会把设备需求作为设计约束。进入工作台后，可切换真实尺寸预览，并针对手机调整图片、留白和区块显示。
03生成之后，还能修改哪里？
可以选择区块修改内容、布局和颜色，也可以框选想调整的位置发出指令。主题、组件、页面结构与历史版本都能在工作台里继续编辑。
04项目保存在哪里？
登录后，制作进度会按账户保存到当前浏览器，在个人中心继续编辑。你可以主动存档保留重要版本，也可以导出项目 JSON 备份；清理浏览器数据或更换设备时，可用备份恢复。
05没有配置 AI 模型，也可以试用吗？
可以。没有配置模型时会使用本地规则生成演示页面；配置模型后可使用 AI 生成。编辑、预览、项目导入导出和设计 DNA 依然可以使用。