Figma画板导出图片,最常用的方法是选中Frame,在右侧Export中设置PNG或JPG,再按需要选择倍率。比如宽度为750的Frame,按2x导出后宽度就是1500像素,适合需要更高清预览的场景。
如果还不确定该选图层、Frame、切片还是批量导出,可先阅读Figma 图片导出总教程。下面重点检查导出范围、像素尺寸与源图清晰度,解决“已经导出但看不清”的问题。
选中要导出的Frame
打开设计文件,在左侧图层列表中选择画板名称,确认高亮范围包含整张界面。如果只选中了内部图片或文字,导出的就是局部内容。

在Export中添加导出配置
找到右侧属性栏下方的Export,点击加号。有查看权限时,可在Properties标签中寻找Export;如果刷新后仍没有入口,联系文件所有者确认是否开放了素材导出。

PNG、JPG与SVG怎么选?
PNG:适合含文字的界面截图、图标和透明背景素材。发给同事看设计细节时,通常可以先选它。
JPG:适合以照片为主、不需要透明背景的图片。它采用有损压缩,文件通常更小;文字较多的设计稿,导出后应放大看一下边缘是否清晰。
SVG:适合矢量图标、标志和插画,便于在不同尺寸下使用。最终展示效果还与接收端对字体、滤镜等内容的支持有关。

怎样设置倍率,导出后更清晰?
先问清图片最终用在哪里。宽度750像素的Frame,1x输出750像素,2x输出1500像素;如果接收方明确要求固定宽度,也可以用带w的数值设置目标宽度,例如1500w。
倍率提高会增加输出像素和文件体积。画板中的矢量图形可以按输出尺寸重新渲染,低清照片却仍受原始素材限制。遇到局部模糊,优先替换更清晰的源图,而不是不断放大整张画板。
印刷交付还需要确定成品的物理尺寸、色彩要求和接收格式,可以先与印厂沟通,再准备文件。日常屏幕展示则重点看像素宽高与实际预览效果。
导出并查看实际结果
点击Export,完成下载或保存。打开图片后,检查四周是否完整、透明背景是否符合预期,以及文字在目标显示尺寸下是否清楚。


如果输出周围有多余空白,检查选中对象和画板边界;如果底部被截断,检查Frame高度与裁剪。需要包含多个界面的完整页面时,可继续阅读Figma完整页面导出方法。
从发图片看稿,延伸到Pixso在线评审
图片适合放进文档或发送预览。进入多轮修改后,把意见留在设计稿旁边更容易定位:将Figma文件导入Pixso,邀请产品、设计与研发围绕页面评论和调整,定稿后再输出所需素材。
在Pixso中导入设计稿,开始一次在线评审,可以从一张正在修改的页面开始,体验中文界面下的设计与协作。
参考:Figma导出操作、格式、倍率与图像设置。