Export Assets
Export layers and frames as PNG, JPG, SVG, or PDF with customizable settings.
Developer Handoff
No shortcutBeginner7 min readQuick Reference
Export Assets
FigmaKeyboard Shortcut
N/A
Toolbar Location
Figma toolbar
Best Used For
- ▸Refer to the tutorial content for specific use cases
- ▸Practice with sample projects to build experience
- ▸Combine with other tools for advanced workflows
Beginner-Friendly⏱ 15–30 minutes to master
Key Settings
Format:Suffix:Size:Click export:
Export Assets allows you to export any layer, group, or frame in various formats. You can set multiple export sizes for responsive design and choose export settings like backgrounds and compression.
Where to Find It
Select a layer and click the Export section at the bottom of the Design panel, or use the Export button in Dev Mode.
How to Use
- Format: Choose PNG, JPG, SVG, or PDF from the dropdown.
- Suffix: Add a suffix like @2x or @3x for retina exports.
- Size: Set the export size as a multiplier (1x, 2x, etc.) or exact dimensions.
- Click export: Click the Export button to save the file to your computer.
Pro Tips
- Add multiple export sizes at once for responsive asset generation (1x, 2x, 3x).
- Use SVG for icons and vector graphics, PNG with transparent background for UI assets.