iPhone 外壳生成器:一键给截图套上真实设备外壳

最后更新:2026 年 7 月 22 日

直接一张原始截图放在落地页或者微博上,读起来只是"一张漂浮的矩形"。同样一张画面被包进真实的 iPhone 外壳里,就成了"这是我 App 在真机上的样子"。这一步的意义就是把"截图"变成"演示图"。而它应该是既有编辑流程的最后一小步,不是跳到另一个 App 里绕一圈。Scrollie 的设备外壳就是这样:一键把截图或长截图包进真实的 iPhone / iPad 外壳里,型号覆盖 iPhone 17 系列的官方配色,和长截图、拼图流程连成一整套。

设备外壳:截图被包进真实的 iPhone 17 外壳,底部是颜色选择,右上是导出选项。

Scrollie 的设备外壳能做什么

• 一键套壳 —— 在 Scrollie 里的任意截图(普通截图、拼好的长截图、录屏转出的长截图)都能一键包进真实的 iPhone / iPad 外壳,不用手动对齐,不用另存一份 PSD。
• iPhone 17 系列 + 官方配色 —— 从 iPhone 17 的多款型号里选,颜色跟随发布时的官方配色,和大家在门店里看到的一致。后续会持续添加更多机型。
• 长截图切片导出逐片套壳 —— 长截图按等大切片导出时(常用于 App Store 截图或社交轮播),每一片都可以套上自己的一个外壳。整组一次性输出为"已带壳"。
• 拼图里对某一格套壳 —— 在 2–12 张 拼图 里,可以只对包含截图的那一格套壳;把三张带壳的界面塞进一张三格模板,就是一张 App Store 主视觉,全过程都不离开 App。
• 本地渲染 —— 外壳、圆角、颜色都在设备上渲染,截图不会被上传到任何服务器。

把它嵌进既有流程里

重点不是"再多下一个套壳 App",而是既有编辑做完之后,再多一个工具栏按键就能把整张作品带壳输出。两个具体场景:

长截图 → 带壳幻灯

把整页产品介绍拼成一张 长截图。导出面板里选切片导出,打开设备外壳。每一片单独包进 iPhone 17 外壳,尺寸对齐 App Store 要求。过去在 Figma 里手动搭一晚上的边框工作,现在就是工具栏一下。

拼图 → App Store 主视觉

拼图编辑器里选一个 3 格横向模板。第一格塞注册页,开启设备外壳。第二格 —— 主界面,套壳。第三格 —— 导出页,套壳。后面的格子如果想混搭真实照片,可以不套壳。整张作品都存在同一份 草稿里。

为什么这一层其实很不一样

"设备外壳"这个能力本身不新 —— 有几款长截图工具的 App Store 描述里也写了"device frames"(Picsew、StitchPics 都提到了)。Scrollie 的差异是三件具体的事:

• 明确覆盖 iPhone 17 官方配色 —— 竞品描述里的外壳都是笼统的"device frames",没写型号或年份,实际库里往往偏旧。Scrollie 直接落在当代机型上。
• 逐片套壳 —— 竞品即使提到了切片导出,也没说导出时给每片套壳。这正是 App Store 截图生产流程需要的一步,Scrollie 内置了。
• 与拼图、草稿箱联动 —— 外壳可以只加在 2–12 张拼图里的某一格上,整张作品作为草稿持久保存。这套组合我们在 11 款竞品的官方描述里都没见到。

免费部分与 Pro

核心的截图和拼图工作免费。设备外壳与逐片套壳导出是 Pro 功能,Pro 提供免费试用,之后可选月付、年付订阅或一次性买断,价格以 App 内显示为准。全部在设备本地运行。

开始使用

1. 安装:从 App Store 下载 Scrollie。iPhone / iPad,iOS 16 及以上。
2. 打开一张截图 —— 相册里的一张、拼好的长截图,或者录屏转出的长截图都行。
3. 点工具栏里的"设备外壳"。
4. 选型号和颜色 —— 从 iPhone 17 系列里挑。
5. 要逐片套壳:在导出面板里把"切片导出"打开,再确认"设备外壳"开着 —— 每一片都会带壳输出。
6. 拼图里单格套壳:轻点要套壳的那一格,点"设备外壳",只有这一格加外壳。

常见问题

相关页面