# 设计图导出指南

将 `pencil-app-client.pen` 中的各页面导出为 PNG 图片。

## 导出步骤

1. 在 Pencil 中打开 `design/pencil-app-client.pen`
2. 在画布或图层面板中选中对应 Frame（可按 Node ID 查找）
3. 右键 → **Export** → 选择 **PNG**
4. 保存到 `design/exports/` 目录，使用下方对应文件名

## 页面与 Node ID 对照表

| 页面 | Node ID | 导出文件名 |
|------|---------|------------|
| AI Video App (Home) | `bi8Au` | `home.png` |
| Gallery Screen | `hpwBg` | `gallery.png` |
| Profile Screen | `KXeow` | `profile.png` |
| Recharge Screen | `tPjdN` | `recharge.png` |
| Generate Video Screen | `mmLB5` | `generate_video.png` |
| Generate Video Progress Screen | `qGs6n` | `generate_progress.png` |
| Video Generation Result Screen | `cFA4T` | `result.png` |

## 快速查找 Node ID

在 Pencil 中选中 Frame 后，可在属性面板或图层信息中查看其 Node ID。