0
0
FigmaHow-ToBeginner · 4 min read

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, 3x for Android screen densities (mdpi, hdpi, xhdpi, xxhdpi).
  • Format: Choose PNG for raster images or SVG for vector assets.
  • Export: Click the Export button 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

ScaleAndroid DensitySuffixUsage
1xmdpiBaseline density
1.5xhdpi@1.5xHigh density
2xxhdpi@2xExtra-high density
3xxxhdpi@3xExtra-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.