🎨
设计稿/原型图多屏展示
将APP或网页设计的多个页面截图合并成一张全景图,方便评审和展示。
无论是向客户汇报设计方案,还是把作品发到 Dribbble、Behance 上做展示,把 Figma、Sketch 导出的多个页面拼成一张图都是设计师日常要做的事。
遇到的问题
设计师在评审会上经常需要一次性展示 App 的多个页面或网页的完整流程,但 Figma、Sketch 导出的截图往往是一张一张分散的文件。客户和团队成员很难通过来回切换图片理解页面之间的跳转逻辑,而用 PS 手动拼接又耗时,还容易导致图片模糊或比例错乱,尤其是页面尺寸不一致的时候。
解决方案
Auto Merge Images 支持把任意数量的设计稿截图直接拖入浏览器,无需安装 Photoshop 或其他设计软件,也不用担心文件上传到服务器。工具会按导入顺序自动排列并保持原始分辨率,你可以自由调整每张图之间的间距、背景颜色和排列方向(横向或纵向),几秒钟就能生成一张适合发给客户或上传到作品集网站的完整展示图。
操作步骤
- 1从 Figma/Sketch 导出所有设计稿页面
- 2按设计流程顺序拖入工具
- 3调整间距、背景色和排列方向
- 4预览效果并下载高清展示图
- 5用于客户评审、团队汇报或作品集展示
为什么使用本工具
- ✓无需安装 Photoshop 等设计软件,浏览器内直接完成拼接
- ✓保留原始分辨率,客户放大查看细节也不失真
- ✓支持任意数量的设计稿,不限制页面数
- ✓全程在本地处理,设计稿不会上传到服务器
- ✓完全免费,无水印,无使用次数限制
常见问题
可以控制每张设计稿之间的间距吗?
可以,工具支持自由调整每张图片之间的间距和背景颜色,方便区分不同页面或制作统一风格的展示图。
用于客户汇报,导出成什么格式比较好?
建议导出为 PNG 格式以保留最佳清晰度,如果文件较大需要发邮件,也可以选择 JPG 压缩后的版本。
不同尺寸的设计稿(比如手机页面和网页页面)可以放在一起吗?
可以,工具会自动按比例排列,你也可以手动微调每张图的大小,让手机页面和网页页面对齐展示。
这个工具能用来做 Behance 或 Dribbble 的作品展示图吗?
完全可以,很多设计师用它把项目的多个界面拼成一张封面图或案例展示图,上传到 Behance、Dribbble 效果很好。