在 Figma 中使用 iPhone SVG：制作移动端产品版面
将 iPhone SVG 放入 Figma 移动端产品版面，按比例缩放，并调整可编辑的矢量图层。
在移动端产品介绍页中，用 iPhone SVG 突出设备本身。
先在模型查看器中选好正面或背面并导出 SVG，再放入 Figma Design 文件。
放入 iPhone SVG
- 打开已发布的 iPhone 模型，选择正面或背面以及主题，然后导出 SVG。
- 将电脑中的 SVG 文件拖到 Figma 画布。Figma 会把导入的 SVG 转换为可编辑的矢量图层。
- 把图稿放进移动端产品画板。将手机安排在标题和主要产品信息附近，让设备成为页面主图。
按版面调整尺寸
选中导入的图稿，按 K 使用 Figma 的缩放工具。拖动角点可按比例缩放，描边和效果也会随图稿缩放。根据手机图稿的位置调整画板内容，为产品名称、价格和主要操作留出空间。
窄版面可以让手机占据首屏的大部分区域。两侧边距保持一致，也别把图稿缩得太小，以免外轮廓难以辨认。
调整可编辑的矢量图层
在图层面板中选择导入的图层。如果选中的是矢量图层，可以进入矢量编辑模式调整节点或属性。
导入的 SVG 可能包含组合图形和细节路径。图层名称和边界取决于文件结构，只能单独选择 Figma 显示为独立图层的部分。
导出前选好静态视角
SVG 会保留导出时的静态视角。要从正面改成背面，请回到模型查看器重新选择并导出。独立 HTML 查看器保留模型控件，SVG 不包含这些控件。
常见问题
缩放 iPhone 图稿时能保持比例吗？
可以。使用 Figma 的缩放工具即可按比例调整图稿。