Apple Frames 4:面向 Apple 设备的截图边框快捷方式重大更新Apple Frames 4
Apple Frames 4 是一款专为带官方 Apple 产品边框的截图设计的快捷方式应用,此次更新显著提升了性能并扩展了个性化功能。新版本首次支持为不同设备设置多种颜色,用户可自由混搭设备与边框色彩。此外,该工具新增比例缩放支持和命令行界面(CLI),方便开发者集成到自动化流程中。
Federico Viticci
嗯,好久不见了。
今天我非常高兴地推出 Apple Frames 4——这是我对适用于搭载官方苹果产品边框的苹果设备截图进行构图处理的快捷指令的一次重大更新。Apple Frames 4 是对该快捷指令的全新重构,运行速度明显更快,全面支持最新的苹果设备,并提供了更丰富的个性化选项。这是 Apple Frames 首次支持为每种设备设置多种颜色,让你可以为每张构图后的截图自由搭配不同颜色的边框;同时,它还支持在合并来自不同苹果设备的截图时按比例缩放。
但这还不止于此。除了更新版的快捷指令,我还发布了 Apple Frames CLI——一个开源的命令行工具,让开发者和动手达人可以直接通过 Mac 终端自动化处理截图构图。不仅如此:Apple Frames CLI 还专为与 AI 智能体协同工作而设计,它附带了 Claude Code/Codex 技能,使编码智能体能在几秒钟内自动完成数十甚至上百张来自 Mac 任意文件夹的截图构图。
Apple Frames 4 源于几个月前的一个想法,正是这个想法让我从快捷指令中删除了 500 多个动作,将步骤从 800 多精简到约 300。我完全是手动完成的这项工作,但非常值得;得益于一种更智能的逻辑机制,能够自适应不断增长的苹果屏幕尺寸和显示分辨率生态,改进后的快捷指令不仅运行更快,而且比以前更加可靠。
Apple Frames 4 和 Apple Frames CLI 代表了截图自动化领域的一大进步,过去几周我一直在广泛使用这两者。
让我们开始吧。
新版 Apple Frames 快捷指令
新版 Apple Frames 快捷指令的核心理念是:不再在快捷指令内部设置数百个条件判断(例如“如果截图是 Apple Watch”或“如果截图是 iPad Pro”),而是用包含苹果设备分辨率映射关系的 JSON 文件取代了这些重复步骤。快捷指令只需检测一次截图分辨率,就能在 iCloud Drive → Shortcuts 的‘Frames’资源文件夹中找到对应匹配项,从而为每一张截图自动应用合适的构图效果。仅这一改动就让我更容易调整快捷指令、运行速度大幅提升,并为未来的维护带来了极大便利。
无论你之前是否安装过 Apple Frames,首次运行时都会提示你从 MacStories.net CDN 下载构图资源。默认情况下,这些资源会保存在 iCloud Drive 中;我强烈建议不要随意修改它们。我还建议在 Files/Finder 中将 iCloud Drive 中的 Shortcuts 文件夹始终设为离线可用,以获得最佳性能和构图速度。
从基础层面来说,这就是开始使用 Apple Frames 4 的全部操作:安装后运行,选择一张或多张截图,它们就会被自动构图。最后你会看到常规的操作菜单,可以选择将构图后的图片复制到剪贴板或发送到其他位置。
当然,Apple Frames 4 支持自 2024 年底版本 3.3 以来发布的所有最新苹果设备:
我努力为大多数人设计了一个良好的默认体验,这样如果你在“快捷指令”中不想进行任何调整,那就不需要了。不过,如果你确实想要自定义 Apple Frames 并让它按你的喜好运行……这个更新就是为你准备的。
这个版本最大的新增功能之一是对框架颜色的支持。你终于不再局限于我选择的默认框架颜色:Apple Frames 4 现在支持苹果官方提供的所有彩色边框。如果你不喜欢我选的那些默认颜色,可以为每个设备和方向自定义快捷指令,使用你最喜欢的任何颜色。
要自定义默认颜色,只需将你最喜爱的颜色拖放到快捷指令开头的列表中即可:
展开你想要设置的设备和设备方向的菜单项,选择你想使用的默认颜色,然后将其拖动到该特定设备的列表顶部。例如,如果你不想在 iPhone 17 Pro 竖屏模式下使用 Cosmic Orange(宇宙橙),可以选择 Silver(银色)并将其拖到 Cosmic Orange 上方,此后系统就会默认使用银色。
我一直很喜欢将不同颜色的带框截图组合在一起,你也可以自动化甚至随机化这一过程。稍后我会详细介绍。
框架颜色不仅限于 iPhone 型号:现在也支持 Apple Watch 的不同组合。Apple Watch Ultra 3 支持 13 种表壳 + 表带组合;Apple Watch Series 11 每种尺寸支持 22 种表壳 + 表带组合。
Apple Frames 4 的另一个新增功能是支持设备变体。近年来,苹果发布的新设备屏幕分辨率有时会与旧款重叠。例如,iPhone 16 Pro 和 iPhone 17 Pro 具有相同的分辨率。过去,我设计的 Apple Frames 只支持设备家族中的最新型号,这让一些用户感到不满,因为他们的旧款设备不再被“识别”。现在这种情况已经改变。借助设备变体功能,当两个不同世代的设备共享相同的截图分辨率时,Apple Frames 4 会默认使用新设备的框架,同时允许你手动选择旧款设备的框架。
默认情况下,Apple Frames 4 仍假设你想用特定分辨率支持的最新苹果设备进行截图框选。但如果你想自定义设置,可以通过快捷指令中的“设备变体”列表,使用与颜色设置相同的拖放方法进行调整:
Apple Frames 4 的另一个重要改进是:在合并来自不同苹果设备的截图时启用比例缩放。这一直是 Apple Frames 让我困扰的问题:当你为 iPhone 17 Pro Max 和 iPad Pro 的截图添加框架时,快捷指令会将图像合并并并排显示,结果却是 iPhone 和 iPad Pro 一样高。现在这种情况已经改变;新的 Apple Frames 包含了所有支持设备的物理比例映射,在合并同一图像中的不同截图时会尊重这些比例。这是一个看似微小的用户体验改进,但实际上彻底改变了我在 MacStories 上合成图片的方式。希望你也觉得它很有用。
最后,除了运行速度更快之外,你还会注意到 Apple Frames 4 生成的图像文件体积更小,且画质无损。这是因为我对快捷指令中使用的数百个框架资源进行了优化,移除了元数据。截图仍以原始分辨率和色彩配置文件进行合成,但最终的带框图像将比之前更小。
Apple Frames API 的改进
在 2023 年 3 月(天哪,时间过得真快),我为 Apple Frames 快捷指令添加了 API 支持,相关内容我在之前的文章中有详细介绍。通过这个 API,你可以从其他快捷指令调用 Apple Frames,传递输入和输出命令,从而将 Apple Frames 当作子程序来使用。例如,你可以利用 Apple Frames API “静默”地为剪贴板中的截图添加边框,并将其传回正在运行的另一个快捷指令;或者你也可以用它截取当前屏幕内容,立即添加边框并复制到剪贴板。你应该明白我的意思了。
在 Apple Frames 4 中,API 已扩展支持边框颜色功能。通过使用新的 +color 输入命令,你可以为快捷指令处理的截图指定一个特定或随机的边框颜色。+color 输入命令支持以下值:
所有其他现有的 Apple Frames API 命令保持不变(clipboard、latest、number(N)、capture、folder、pick、&quickLook、&photos、&quickSave、©、&airDrop、&upload、&passthrough、+mergeImages=False、+mergeSpacing(N))。如果你想了解更多关于 Apple Frames API 的使用方法,我建议你阅读几年前我写的相关文章。
隆重推出 Apple Frames CLI
Apple Frames 的另一项重大更新是:这是我首次尝试发布命令行界面(CLI)——它允许你在终端中使用比 Apple Frames 快捷指令本身性能更好、功能更丰富的框架快捷指令。
需要提前说明的是:我完全使用 Claude Code 和 Codex “创作”了这个 CLI。我并非专业程序员,但正如你所知,过去一年我一直在用编码代理构建各种个人软件工具。这是我第一次觉得自己的作品如此出色,不分享出来实在可惜。与 Apple Frames 快捷指令一样,该 CLI 完全免费供所有人使用,开源,你可以在这里查看其源代码。如果你对任何由 AI 编写、“经人类监督”的软件都持伦理反对态度,我理解你的立场,这也是我同时发布快捷指令重大更新的原因。工具嘛,各取所需。
如果你对更快地给截图加框感兴趣,我可以告诉你:我可能带点个人偏好,但这个 CLI 工具非常出色,只需几秒钟就能从 Mac 上的任意文件夹中为数百张截图添加边框——支持 Shortcuts 的所有选项,甚至更多。除了 CLI 工具,我还发布了一个预制的技能,你可以将其添加到你的工作流中,让你的智能代理知道如何使用该 CLI 并代表你为截图加框。
Frames CLI 是一个 Python 脚本,它复制并扩展了 Apple Frames 快捷指令的功能。事实上,它基于快捷指令使用的相同 NewFrames.json 字典(位于 iCloud Drive → Shortcuts)以及快捷指令使用的相同图像资源。它不需要互联网连接来下载其他内容。CLI 使用 Python 的标准 Pillow 框架进行图像合成。
由于 CLI 旨在作为 Apple Frames 的可选扩展,我强烈建议你先下载快捷指令,然后再安装 CLI。如果你这样做,CLI 会自动检测 iCloud Drive 中 Apple Frames 资源的默认安装位置并使用它们。否则,如果你更愿意将 Apple Frames 资源存储在其他位置,可以使用设置命令配置 Apple Frames 资源的不同安装路径。
简单来说,Apple Frames CLI 映射到一个名为 frames 的命令,该命令接收一些输入图像文件,生成带框的等效文件,并将它们保存到 Finder 中的某个位置。与主快捷指令一样,CLI 支持所有最新的 Apple 设备、多种设备变体和设备颜色。与快捷指令不同,CLI 速度非常快——真的很快。以下是一段屏幕录像,展示了 CLI 识别并为包含 50 张截图的文件夹加框的过程。视频未加速播放:
我开发这个 CLI 正是出于这个原因:帮助那些日常处理截图的开发者和营销人员每天节省一点额外的时间。此外,通过以智能代理优先的方式构建 CLI 并发布相关技能,我也确保了 Apple Frames 现在可以成为智能应用开发工作流的一部分。如果你已经在使用 Claude 或 Codex 来构建、测试和调试你的 iPhone 和 iPad 应用,现在可以将 Apple Frames CLI 及相关技能集成进去,最终获得漂亮的带框截图。
实际上,以下是一张截图,展示了 Claude Code 如何使用 XcodeBuildMCP 打开 Xcode 应用项目,在模拟器中测试它,截取其截图,并用 frames 命令为它们加框——所有这些都在同一个智能工作流中完成。它就是这么简单有效。
我不会在这篇博文中嵌入 Apple Frames CLI 的完整文档。GitHub 仓库中有详细的说明,还有一个供智能代理使用的技能。如果你想查看所有支持的命令和选项的完整列表,只需查看 README 文件即可。不过,我想指出的是,CLI 提供了一些值得你注意的功能。
如果你是开发者,每次提交 App Store 都要处理数百张截图,你会很高兴地知道 CLI 对文件夹中的图像处理和将加框结果保存到子文件夹提供了顶级支持。与快捷指令类似,CLI 支持混合设备输入(如 iPhone 和 iPad 截图的组合),并可配置为合并所有图像或单独为每个截图加框。但与快捷指令不同的是,CLI 支持一种新的批量加框模式,允许你定义一组需要合并到同一图像中的截图。例如,假设你有一个包含 30 张图像的文件夹,希望生成 10 张图像,每张展示 3 台并排 iPhone,颜色随机,并将这些图像保存到特定子文件夹中。只需运行以下命令即可使用 Frames CLI…
frames --batch 3 --color random --subfolder mockups ~/Screenshots/*.png
…CLI 将从 ‘Screenshots’ 文件夹创建 10 张图像,并保存到 ‘mockups’ 子文件夹。那如果要将 5 台 iPhone 以随机颜色合并,且间距更宽呢?
frames --merge --spacing 100 --color random screen1.png screen2.png screen3.png screen4.png screen5.png
那批量前后对比配对又该如何实现?下面是将 10 张图像合并为 5 组合并对的方法:
frames --batch 2 -c "Cosmic Orange" before1.png after1.png before2.png after2.png before3.png after3.png before4.png after4.png before5.png after5.png
这些只是 CLI 强大灵活性的几个示例。结合各种选项与额外的自动化层(想象将这些命令与 BetterTouchTool 或 Keyboard Maestro 搭配使用)或自动化代理管道(例如在 Claude Code 在模拟器中测试应用后自动加框截图的钩子)时,潜力无限。此外,我在终端界面本身也加入了一些贴心设计,比如一个漂亮的橙色 ASCII 标志、一个 info 命令用于获取输入图像的尺寸和设备信息,还有一个 colors 命令,可直接在 Terminal 应用中打开交互式默认取色器:
如前所述,我开发这个 CLI 是为了让那些需要处理数百张截图的用户比使用快捷指令更快地生成图像。但 Apple Frames CLI 的发布还意味着另一件事:你现在可以基于 Mac 上运行的定制应用进行“ vibe-coding”,这些应用可将 CLI 作为依赖项在底层调用。为了让你了解可能性有多大,这里有一个我用 Claude 快速开发的简单网页应用——它利用我 Mac 服务器上的 Frames CLI,让我上传一张截图,并预览其不同颜色边框的效果:
只要在你的 Mac 上安装了 Apple Frames CLI 及对应的代理技能,你就可以围绕截图加框这一理念构建各种工具,这正是我现代化 Apple Frames 以适应我们当前时代所追求的目标。
欢迎使用 Apple Frames 4
我为现代化 Apple Frames 花费了这么久的时间而道歉,但我相信等待是值得的。我不仅拥有了一个更强健、更易维护且更具扩展性的基础架构,还拥有将 Apple Frames 打造成适应任何工作流程的工具生态所需的必要工具——从极客爱好者到专业应用开发者和营销人员,人人都能用得上。
你可以在 MacStories Shortcuts 档案库中下载 Apple Frames 4;Apple Frames CLI 和智能代理技能均为开源项目,可在我的 GitHub 仓库中找到。
需要完整排版与评论请前往来源站点阅读。