先放个结论:使用 Manus Pro 版制作电商主图,流程已从“设计+开发”两步压缩为“上传+描述”一句话。无需切图、不用调色、更不需要写一行代码——只需将原图丢进去,清晰描述想要的风格,剩下的一切都由后台自动完成。
结果是:它先调用图像生成模型对商品图进行重新渲染,再根据画面特征匹配字体、配色和页面布局,最终打包成一个支持响应式适配的静态网页,直接部署上线并绑定永久链接。

整个流程分三步走,我们逐一拆解。
上传商品图并触发美化任务
入口在首页。点击「创建新任务」,选择「商品图美化+网页生成」模板,然后将原始商品图直接拖入画布区。支持 JPG 和 PNG 格式,单张图片最大 10MB。
这里有一个门槛不能绕过:如果图片分辨率低于 600×600 像素,系统会直接拒绝,并提示“细节不足,无法保障重绘质量”。因此准备素材时务必选用高清原图,否则第一关就无法通过。
上传成功后,下方会出现输入框。用自然语言描述你的需求即可——例如:“把这款陶瓷杯做成小红书爆款风格,背景换成浅米色柔光 studio 场景,杯身加一行手写体 slogan ‘Daily Calm’,保留产品真实质感”。关键点在于:描述里必须包含具体风格关键词,并附加至少一个视觉元素的指令,否则生成结果可能与预期存在偏差。
确认生成参数并启动工作流
Manus 会自动解析你写的那段话,弹出一个预设参数面板。四个核心选项如下:
① 图像生成模型:选择「Manus-Image-V3」。这是 Pro 版独占的模型,比免费版多出 3 倍纹理细节控制能力,商品质感的还原度明显更优;
② 网页模板:选择「Product Spotlight」。该模板默认启用视差滚动和点击放大功能,浏览体验十分流畅;
③ 部署选项:勾选「自动绑定子域名」,例如你的产品会得到一个类似 coletaste.manus.site 的永久访问地址;
④ 一个重要配置点:点开「高级设置」,将「品牌色提取源」从默认的“AI 智能推荐”改为“取自商品图主色”。这一步能确保生成的网页配色与实物保持一致,视觉连贯性更强。
等待交付并获取成果链接
点击「开始执行」后,页面会切换到实时工作流视图。你可以看到三个智能体在并行运作:
「Designer」正在重绘商品图,
「Frontend」在编写 HTML 和 CSS,
「Deployer」已预热 Cloudflare Pages 环境,准备部署。
整个流程通常在 90 秒内完成。完成后弹窗会提供两个直达链接:美化后的商品图 PNG 下载地址,以及永久网页 URL。该网页地址已自动开启 HTTPS,手机扫码即可直接预览,无需额外配置。
