从 Figma 导出 Android 图像与切图
在 Figma 里为 Android 导出 mdpi 到 xxxhdpi 切图、SVG 与 Vector Drawable 的注意点，以及命名和资源目录习惯。
给 Android 交付切图时，关键是：导出倍率对齐密度桶，以及能用矢量就不要位图。
导出倍率对照 #
| Android 密度 | 倍率（相对 mdpi） |
|---|---|
| mdpi | 1× |
| hdpi | 1.5× |
| xhdpi | 2× |
| xxhdpi | 3× |
| xxxhdpi | 4× |
在 Figma 选中图层 → Export：可一次添加 1x / 2x / 3x / 4x。图标若画在 24×24 画板上，导出 4x 即 96px，对应 xxxhdpi。
格式怎么选 #
- SVG / Vector：简单图标优先矢量，可转 Vector Drawable。
- PNG：复杂阴影、纹理、照片时用 PNG。
- WebP：许多项目用以减小包体。
实操建议 #
- 导出前把图标放进固定尺寸 Frame（如 24 / 48），内容居中。
- 统一前缀命名：
ic_nav_home.png、bg_card.webp。 - 必须位图时至少提供 xxhdpi / xxxhdpi。
- 批量导出后人工抽查最大倍率是否糊、是否裁切。
相关：Dev Mode 指南 · 浏览器与桌面端支持