How to Export Designs for Android from Figma
To export designs for Android in
Figma, select your frames or assets, then use the Export panel to choose Android-specific sizes like 1x, 1.5x, 2x, and 3x. Export your files as PNG or SVG formats to ensure compatibility with Android development.Syntax
In Figma, exporting for Android involves selecting layers or frames and setting export options in the right panel.
- Select: Choose the frame or asset to export.
- Export panel: Click the '+' button to add export settings.
- Scale: Set export scales to
1x,1.5x,2x,3xfor Android screen densities (mdpi, hdpi, xhdpi, xxhdpi). - Format: Choose
PNGfor raster images orSVGfor vector assets. - Export: Click the
Exportbutton to save files.
figma
Select frame or asset -> Export panel -> + -> Set scale (1x, 1.5x, 2x, 3x) -> Choose format (PNG or SVG) -> Export
Example
This example shows how to export a button design for Android with multiple scales.
figma
1. Select the button frame in Figma. 2. Open the Export panel on the right. 3. Click '+' to add export settings. 4. Add scales: 1x, 1.5x, 2x, 3x. 5. Choose PNG format. 6. Click 'Export Button'.
Output
Exports four PNG files: Button.png (mdpi), Button@1.5x.png (hdpi), Button@2x.png (xhdpi), Button@3x.png (xxhdpi)
Common Pitfalls
- Not exporting at multiple scales causes blurry images on some Android devices.
- Exporting only SVGs when raster images are needed can cause compatibility issues.
- Forgetting to name assets properly can confuse Android resource folders.
- Exporting with incorrect frame sizes leads to wrong asset dimensions.
figma
Wrong: Export only 1x scale PNG. Right: Export PNG at 1x, 1.5x, 2x, and 3x scales for Android.
Quick Reference
| Scale | Android Density | Suffix | Usage |
|---|---|---|---|
| 1x | mdpi | Baseline density | |
| 1.5x | hdpi | @1.5x | High density |
| 2x | xhdpi | @2x | Extra-high density |
| 3x | xxhdpi | @3x | Extra-extra-high density |
Key Takeaways
Always export Android assets at multiple scales (1x, 1.5x, 2x, 3x) for sharp display.
Use PNG for raster images and SVG for vector assets depending on Android requirements.
Name your exported files clearly to match Android resource naming conventions.
Check frame sizes in Figma to ensure correct asset dimensions before export.
Use the Export panel in Figma to manage all export settings efficiently.