Figma Exporter

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

│ ├── img@2x.png

│ └── img@3x.png

├── Flutter

│ ├── 1.5x

│ │ └── img.png

│ ├── 2x

│ │ └── img.png

│ ├── 3x

│ │ └── img.png

│ ├── 4x

│ │ └── img.png

│ └── img.png

└── React Native

├── img.png

├── img@2x.png

└── img@3x.png