Back to Plugins
Figma Exporter

Figma Exporter

Easily export assets as PNG/JPG/WebP/SVG/PDF for Web, Android, Flutter, iOS, React Native

androidreact nativepngioswebflutterimagesjpgsvgpdfsexportwebp

Plugin Preview

Figma Exporter preview

About this plugin

Figma Exporter


Easily export assets as PNG/JPG/WebP/SVG/PDF for Web, Android, Flutter, iOS, React Native

Issues & Features Β· β˜• Support the Project


Features


- 🎨 Multiple Export Formats: Export as PNG, JPG, WebP, SVG, or PDF

- πŸ“± Platform Optimized: Tailored exports for Web, Android, Flutter, iOS, and React Native

- ⚑ Batch Export: Export multiple assets at once

- πŸ”§ Customizable Settings: Configure export parameters to fit your needs


Installation


1. Open Figma

2. Go to Plugins > Browse plugins in Community

3. Search for "Figma Exporter"

4. Click Install


⚠️ Note: This plugin requires write access to your Figma file to function properly.


How to Use


1. Select the frames or components you want to export

2. Right-click and choose Plugins > Figma Exporter

3. Choose your export format and platform settings

4. Click Export to download your assets


Export Structure


When exporting for different platforms, assets are organized as follows:


β”œβ”€β”€ Web
β”‚ └── img.png
β”œβ”€β”€ Android
β”‚ β”œβ”€β”€ drawable-mdpi
β”‚ β”‚ └── img.png
β”‚ β”œβ”€β”€ drawable-hdpi
β”‚ β”‚ └── img.png
β”‚ β”œβ”€β”€ drawable-xhdpi
β”‚ β”‚ └── img.png
β”‚ β”œβ”€β”€ drawable-xxhdpi
β”‚ β”‚ └── img.png
β”‚ └── drawable-xxxhdpi
β”‚ └── img.png
β”œβ”€β”€ iOS
β”‚ β”œβ”€β”€ img.png
β”‚ β”œβ”€β”€ [email protected]
β”‚ └── [email protected]
β”œβ”€β”€ Flutter
β”‚ β”œβ”€β”€ 1.5x
β”‚ β”‚ └── img.png
β”‚ β”œβ”€β”€ 2x
β”‚ β”‚ └── img.png
β”‚ β”œβ”€β”€ 3x
β”‚ β”‚ └── img.png
β”‚ β”œβ”€β”€ 4x
β”‚ β”‚ └── img.png
β”‚ └── img.png
└── React Native
β”œβ”€β”€ img.png
β”œβ”€β”€ [email protected]
└── [email protected]

Plugin Details

Version13
CreatedDecember 12, 2022
Last UpdatedAugust 13, 2025
CategoryImport & export plugins
CreatorJERRY
Stats5845 installs, 343 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none