快稿使用指南:制作 iPhone 截图样机与宣传图

将 App 截图放进 iPhone 外框,添加标题和背景,导出 PNG 或 JPEG。包含画布尺寸、项目备份和本地 MCP 的使用说明。

更新于

打开快稿

先确定图片用途

快稿是制作静态图片的浏览器编辑器,适合 App 截图、设备样机和社交平台宣传图。先准备真实截图,再按发布渠道选择画布尺寸。App Store 截图和社交平台配图通常需要不同的布局。

制作并导出第一张样机图

  1. 打开快稿,选择画布尺寸,或从模板开始。
  2. 通过「设备」添加截图,选择手机外框,调整设备大小与位置。
  3. 设置背景,用「文字」添加简短标题。让截图在最终展示尺寸下仍然清晰可读。
  4. 打开预览,检查屏幕裁切、文字换行与设备周围的留白。多画布项目需要逐张检查。
  5. 通过「导出」保存 PNG 或 JPEG。打开实际文件,检查画质,并核对目标平台要求的尺寸后再上传。

保留可继续编辑的项目

工作项目保存在当前浏览器本地。需要备份或换浏览器时,可从项目菜单导出可编辑项目副本。清除网站数据或切换浏览器配置文件后,原本地项目可能无法继续读取。

按需连接本地 AI Agent

编辑器可以通过「连接 MCP」配对本地 pocketdraft-mcp。连接后的 Agent 能读取和修改当前项目,包括你提供的截图。保持网页打开,由浏览器完成渲染和导出,使用完可断开连接。普通手动编辑不需要 MCP。

常见问题

为什么截图被裁掉了一部分?

检查设备外框和屏幕适配方式,再查看画布预览。截图与设备屏幕的长宽比不一致时,可能需要调整适配或裁切。

导出的 PNG 能继续编辑图层吗?

PNG 和 JPEG 是合成后的图片。后续还要调整文字、设备或背景时,请另存可编辑项目副本。