OPTIMIZELY Help
Find answers or browse by topic
Export WebP, PNG, JPG and SVG from Figma, plus favicons, app icons and sprite sheets. Shrink heavy images in your file and turn frames into GIF or WebM.
- guides
- 5
- topics
- 4
Popular Guides
-
EXPORT IMAGES
Export Figma layers as WebP, PNG, JPG or SVG Select layers, pick a format and scale in Optimizely's Export tab, and download them as files or one ZIP.
-
ICONS & SPRITES
Export favicons and app icons for web, iOS, Android, Windows and macOS Pick a platform preset on the Icons & Sprites tab and get a ZIP with every PNG size, plus a combined favicon.ico or AppIcon.icns where the platform uses one.
-
ANIMATION
Turn Figma frames or a prototype into an animated GIF, WebP, APNG, WebM or SVG Select frames in order, or one frame of a prototype flow, choose a format and transitions on the Animation tab, preview it, and export.
-
COMPRESSION
Shrink heavy images inside a Figma file On the Compression tab, set a maximum size per image and Optimizely scales down every larger image fill in your selection, or everywhere that image is used.
Topics
- Export Images Export layers and frames as WebP, PNG, JPG or SVG.
- Icons & Sprites Favicons, app icons for iOS, Android, Windows and macOS, and sprite sheets.
- Compression Shrink oversized images inside your Figma file.
- Animation Turn frames or a prototype flow into an animated GIF, WebP, APNG, WebM or SVG.
Frequently asked questions
How does Optimizely compress an image?
It scales the image down in pixel size until it should fit under Max Size and saves it as PNG. There is no format or quality choice, and the result is not guaranteed to be under the target.
Does compression change my exported images?
Only in that later exports start from the smaller image. Exports from the Export tab have their own format and scale settings.
Can I undo a compression?
Yes, with Figma's Undo (Ctrl/Cmd+Z) straight after.
Can I export a Figma prototype as a GIF?
Yes. Select the first frame of the flow, choose GIF and click Export Animation. Optimizely follows the first connection of each frame, so branches beyond the first are left out.
Which format should I choose?
GIF plays everywhere but has at most 256 colors. WebP and APNG keep full color and transparency. WebM is a video file for the web. SVG stays sharp at any size and uses Smart Animate.
Does the preview speed change the export?
No. The 0.5×, 0.25× and 0.1× speeds are only for checking the preview.
Which sizes does a favicon need?
Basic Favicons makes 16 and 32 px PNGs plus a favicon.ico. PWA Complete adds 180 px for Apple devices and 192 and 512 px for installable web apps.
Can Optimizely make an .icns file for macOS?
Yes. The macOS App and Electron App presets add AppIcon.icns when Combined is on.
Does it create Xcode's Contents.json or Android's adaptive icon XML?
Not in the current version. The switches for them are shown, but those files are not generated.
How many icon exports are free?
6 a day on the Icons & Sprites tab, counted per selected layer. Pro removes the limit.
Why export WebP instead of PNG?
WebP files are usually much smaller than PNG at a similar look, so pages load faster. Every current browser shows WebP.
Can Optimizely export PDF?
No. The formats are PNG, JPG, WebP and SVG.
How are the files named?
After the layer, in lower case, with spaces and other special characters replaced by underscores. The scale is not added to the name.
How many images can I export for free?
6 items a day on the Export tab; the count starts again the next day. Pro removes the limit.
What is a sprite sheet?
One image that holds many small images side by side, plus a list of where each one sits. Games and websites load the single file and show the part they need.
Does a sprite sheet count towards the daily limit?
Yes. On the free plan, each icon in the sheet counts as one of the 6 daily icon exports.