产品发布页
在上线前测试标题、优惠信息和注册表单。
AI 网站样稿生成器
描述一个网站，或附上一张草图。Manus 会把它变成可点击的高保真网站样稿，适配桌面端和移动端。
网站样稿示例：一份需求，两个页面
一份好的需求要说明品牌、板块、风格和页面。下面这份就涵盖了全部四点。
一个虚构品牌的示例设计。你的样稿按你自己的需求来生成。
网站样稿生成器的输入方式：一句话、一张草图或一张截图
使用你已有的素材。通过上方框中的 + 按钮添加图片。
已经在 Figma 中完成设计了？使用 Figma to code 将画框转换成可运行的网页应用。
网站、商店和应用的样稿创意
选择一个示例将其请求填入上方的框中，然后再修改细节。
在线商店
在选择平台之前先查看主页、产品页和购物车。
网页应用界面
向投资人或工程师展示主要界面应该是什么样子。
作品集
在撰写每个案例研究之前，先尝试几种展示作品的方式。
餐厅和本地商家
把菜单、营业时间和预订按钮放在客人最先看到的位置。
客户提案
带着两个设计方向去参加第一次客户会议。
线框图 vs 样稿 vs 原型
线框图展示结构，样稿展示最终外观，原型展示交互行为。
在笔记本电脑和手机上展示你的网站
把截图做成设备样机图，用于幻灯片、作品集和发布帖子。
附上一张截图并说明你想要的设备和场景。你会得到一个用于演示文稿、作品集或发布帖子的图片文件。
- 选择设备：笔记本电脑、台式机显示器、平板或手机
- 描述场景：一张桌子、一个纯色的工作室背景或一只手
- 指定尺寸，例如幻灯片用 16:9，社交媒体帖子用 4:5
还需要配套的 Logo、横幅或社交图形吗？试试 AI 设计。
将审核通过的样稿转变为上线网站
样稿本身就是一个网页，所以设计确认后你可以直接继续构建它。
了解 Manus 网站构建器如何添加登录、数据库和支付功能，或用 AI 网站生成器创建一个完整网站，或用落地页构建器创建单页网站。
常见问题解答
什么是网站样稿？
网站样稿是页面构建前的真实呈现：真实的布局、颜色、字体、图片和文案。它介于只展示结构的线框图和最终成品网站之间。
如何用 AI 制作网站样稿？
在本页顶部的框中描述页面：它面向谁、你需要哪些板块、你喜欢的风格。Manus 会将样稿构建为一个可在桌面和手机上打开的网页，然后你可以在同一个任务中要求修改。
这个网站样稿生成器免费吗？
每次请求都会作为一个 Manus 任务运行，任务会消耗积分。你可以在价格页面查看积分选项。
我可以把草图或截图变成样稿吗？
可以。上传手绘草图、白板或当前网站截图的照片，并说明需要保留和更改的内容。Manus 会将该图片用作初始布局。
样稿能在手机上正常显示吗？
要求生成响应式页面，Manus 会同时为桌面端和手机端排版。在手机上打开预览，或者要求生成单独的移动端样稿以便对比两者。
线框图和样稿有什么区别？
线框图用方框和灰色占位块来确定结构。样稿加上了视觉设计，让人能判断页面的真实外观。原型则更进一步，让人可以点击体验整个流程。
我可以编辑样稿并保留代码吗？
可以。可以在任务中要求更改，或使用设计编辑模式无需代码即可调整布局、颜色、字体和间距。你可以随时下载完整代码，或继续将页面构建为上线网站。
我可以为我的网站制作设备样机图吗？
可以。上传你网站的截图，并说明希望在笔记本电脑、手机或平板电脑的哪种场景中展示。Manus 会生成图片供你下载。
制作你的下一个网站样稿
描述页面或附上一张草图，并在桌面和手机上查看效果。