导出资源
把图层或画板按 PNG、JPG、SVG、PDF 等格式导出,支持多倍率与 WebP,图标、位图与整页设计稿都能按需交付。
如何导出
选中任意图层或画板,在设计属性侧栏底部找到导出区域,点击「添加导出设置」,选择格式与倍率后即可导出。一个图层可以同时添加多条导出设置,例如同时导出 1x PNG、2x PNG 和 SVG。
支持的格式
- PNG:支持透明背景,适合界面元素与图标位图
- JPG:体积更小,适合照片类内容
- SVG:矢量格式,无损缩放,最适合图标与简单插画
- PDF:适合印刷、归档与矢量交付
- WebP:兼顾画质与体积,适合线上业务使用
倍率与命名
- 倍率可设为 0.5x、1x、1.5x、2x、3x、4x 等
- 高倍率文件自动追加 @2x、@3x 后缀,贴合前端习惯
- 导出文件名默认使用图层名,规范命名可以直接用于交付
- 可以一次选中多个图层批量导出
- 也可通过主菜单的「导出」批量导出文件内所有已配置项
画板背景的取舍
画板背景的取舍
画板属性中的「在导出中显示填充」决定背景色是否参与导出。制作透明素材时取消勾选;导出完整页面截图时保持勾选。
实用提示
- 图标优先使用 SVG,既能无损缩放又方便前端用 currentColor 控制颜色。
- 整页设计稿交付评审可导出 PDF,多页内容一份文件即可完整呈现。