Device Shots 是一款运行在浏览器中的图层式设备样机编辑器，由官网提供，用于把产品截图制作成适合商店上架、落地页和社交媒体发布的视觉素材。用户可以选择设备或浏览器窗口，将截图拖入、粘贴或上传到屏幕区域，再通过文字、形状、图标、背景和阴影完成版式设计。它与简单的表单式样机工具不同，官网将其描述为“a real layer-based editor, not a form”，支持拖动、旋转、对齐、排序、锁定、复制以及撤销和重做；同时，截图不会上传，项目会在本地自动保存。
核心功能
设备样机与多设备组合
工具提供 76 个设备框架，覆盖手机、平板、笔记本电脑、台式机、显示器、手表和智能家居设备，品牌包括 Apple、Google、Samsung、Microsoft、Dell 等。设备支持官方配色变体，可以一键切换不同外观。除了单个设备，编辑器还支持笔记本电脑加手机、三部手机、平板加手机等多设备组合，可用于制作更完整的产品展示画面。
浏览器窗口样式
Device Shots 提供 9 种矢量浏览器窗口样式，包括 Safari、Chrome、Edge、Brave、Arc、Firefox 和极简样式。窗口支持浅色或深色主题，地址栏可以编辑并输入内容。由于窗口使用矢量绘制，官网说明其在任意尺寸下都能保持清晰，适合将网页截图放入浏览器外框中展示。
截图导入与屏幕适配
截图可以直接拖到设备上，也可以从剪贴板粘贴，或双击设备框架选择文件。导入后可以选择 Cover、Contain 或 Stretch 三种适配方式：Cover 会居中裁剪，Contain 会以留白方式完整容纳截图。官网还说明，大尺寸截图会保留到 3200 px，以便导出时保持清晰度。
图层式编辑
编辑器支持对图层进行拖动排序、锁定、隐藏、重命名和复制，也可以多选图层后一起变换。拖动或调整大小时，智能参考线会帮助图层吸附到其他图层、画布边缘和画布中心。编辑过程中提供 100 steps 的历史记录，并支持撤销和重做，使设备、文字和装饰元素可以分别调整。
文字、形状、图标与背景
设计工具内置 23 种字体，包括 Inter、Poppins、Playfair Display、Space Grotesk 和 JetBrains Mono 等，可调整字重、字号、字距、对齐方式、大小写和下划线。形状工具包含矩形、椭圆、星形、线条和箭头，并支持渐变填充和描边；图标库提供 2,000+ 个 Lucide 图标。背景可以使用纯色、多色线性渐变、径向渐变、30 张壁纸或自定义图片，也可以添加色调覆盖层或使用透明背景；阴影支持颜色、模糊和偏移控制。
高清导出与画布尺寸
用户可以针对 Instagram、Twitter、App Store、YouTube 等渠道选择尺寸，也可以创建最大 6000 px 的自定义画布。完成设计后可导出 PNG、JPG、WebP 或 SVG，导出倍率最高为原始设备框架的 4×，并支持透明背景。官网还提供针对 Dribbble、Instagram、Website、YouTube、Notion、Behance、LinkedIn、Open Graph、Presentation、Google Play、TikTok、Twitch 和 Pinterest 等用途的预设模板，模板带有对应渠道尺寸。
使用方式
Device Shots 直接在浏览器中运行，打开编辑器后即可使用，不需要注册。用户可以从文件拖入、从剪贴板粘贴或选择文件导入截图，再选择设备、浏览器窗口、画布尺寸和模板进行编辑。项目会自动保存在本地，截图不会离开浏览器；完成后可以下载 PNG、JPG、WebP 或 SVG，也可以直接复制到剪贴板。官网没有提到独立客户端、浏览器插件或 API，也没有要求用户自备模型 Key。
适用人群与场景
应用开发者可以把手机、平板或桌面产品截图放入对应设备框架，用于 App Store、Google Play 等商店素材。网页设计师和产品团队可以选择 Safari、Chrome、Edge 等浏览器窗口，制作网站落地页、Open Graph 链接预览或产品介绍画面。设计师可以利用多设备组合、字体、图标、渐变、壁纸和图层工具制作 Dribbble、Behance、社交媒体及演示文稿视觉素材。需要快速准备渠道尺寸的人则可以从现成模板开始，替换设备并放入自己的截图。
定价
官网明确将 Device Shots 标注为免费，并说明其“Free, no sign-up, entirely in your browser”。页面还写明“No account, no watermark, no upload”，因此使用时无需账户，也不会添加水印。正文没有提供付费档位、点数或具体免费额度信息。
