Pawandeep-prog/Snapframe

这是什么？

核心功能

• 01提供 iPhone 等设备外框，让应用界面展示更真实。
• 02支持单张幻灯片或整个项目的主题设置，可用内置或自定义样式。
• 03文字块支持调整排版与位置。
• 04编辑实时预览，并支持撤销与重做。
• 05可导出 PNG、JPG，或包含全部分辨率的 ZIP 压缩包。
• 06JSON 编辑器带实时预览，便于批量生成幻灯片。

适用场景

• 为新应用版本准备 Play Store 或 App Store 截图。
• 在没有专业设计工具的情况下制作应用宣传图。
• 借助 AI 助手生成幻灯片内容，再进行视觉调整。

快速上手

1. 1

   克隆仓库

   git clone https://github.com/Pawandeep-prog/Snapframe.git
2. 2

   进入项目文件夹

   cd Snapframe
3. 3

   安装依赖

   npm install
4. 4

   启动开发服务器并打开 http://localhost:5173

   npm run dev

使用前须知

• !Firefox 存在已知渲染问题，目前仅正式支持 Chrome。

标签

常见问题

Snapframe 是什么？

基于网页的截图制作工具，可为应用商店生成带设备外框和文字的营销截图。 Snapframe 是一款基于浏览器的应用截图编辑工具，用于制作应用商店宣传截图。开发者和设计师可以把应用界面放入 iPhone 等设备外框中，添加文字排版，并为整套截图套用模板或自定义样式。

Snapframe 可以免费使用吗？用的什么许可证？

Snapframe 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

Snapframe 还在维护吗？

半年内有更新。Snapframe 最近一次提交是在 2026年7月1日。

Snapframe 适合用来做什么？

为新应用版本准备 Play Store 或 App Store 截图。 在没有专业设计工具的情况下制作应用宣传图。 借助 AI 助手生成幻灯片内容，再进行视觉调整。

Snapframe 怎么安装和运行？

克隆仓库: git clone https://github.com/Pawandeep-prog/Snapframe.git 进入项目文件夹: cd Snapframe 安装依赖: npm install 启动开发服务器并打开 http://localhost:5173: npm run dev

在哪里获取 Snapframe？

源代码和安装说明在 GitHub 上：https://github.com/Pawandeep-prog/Snapframe