Figma导出完整页面,关键在于选对范围:要一张完整界面,就选中它的Frame;要当前Page上的全部内容,就取消选择后导出整个画布;要保留所有页面继续编辑,则保存.fig文件。选好目标后,后面的格式和尺寸设置就很明确了。

导出一个完整界面:选择Frame
在左侧图层列表中点击目标Frame名称,到右侧Export区域添加配置,选择PNG、JPG、SVG或PDF,然后导出。选中Frame后,预览范围会更接近最终要交付的界面;只选文字、按钮或图片图层,则输出对应的局部素材。
长页面也可以放在一个Frame里。导出前检查Frame高度和裁剪设置,确认底部内容在画板范围内。图片输出的倍率和清晰度设置,可参考Figma画板导出图片教程。
导出整个Page画布:先取消选择
如果想把多个界面和旁边的说明一起输出,先在当前Page的空白处取消选择,再在Export中添加导出配置。这样选择的是当前页面的整个画布。
画布上很远处的草稿或零散图层,可能让导出的图片出现大片空白。可以先将交付内容集中排列,把不用的草稿移到其他Page;只想截取其中一部分时,用Slice划定输出区域更直接。
要把一组Frame做成逐页翻阅的文档,可以使用Figma多页PDF导出,无需将整块画布压成一张超长图片。
保留多页面与图层:保存.fig文件
通过File → Save local copy保存本地副本,可以保留用于继续编辑的设计内容。适合项目备份、移交文件,或准备将设计稿导入其他支持.fig的工具。
交付时可以同时提供两份材料:PDF或图片方便接收者快速浏览,设计文件用于后续修改。在文件名中加上项目名和版本号,也能减少“最终版”“最终修改版”混在一起的情况。
交付以后还要改稿,可以在Pixso接着协作
完整页面往往只是一次阶段性输出。接下来产品要提意见、设计要改内容、研发要取素材时,可以把.fig文件导入Pixso,让大家围绕同一份设计稿继续工作。
在Pixso打开导入的文件,检查文字和布局,整理需要交付的画板,再使用编辑器的导出功能输出文件。分享设计稿则适合持续讨论:评审时定位到具体页面,修改后继续沿用同一份文件。

把一份设计文件导入Pixso,邀请同事一起评审。需要PDF交付时,可以接着看在Pixso整理并导出PDF的步骤。
参考:Figma导出范围与操作、保存本地副本。