---
url: "/tinyimage/tutorials/export-webp-images.md"
description: "This tutorial shows how to use the TinyImage Compressor Figma plugin to export images as Google's WebP format from Figma. It explains how TinyImage uses Figma export settings, how to enable the WebP conversion option, and how to compare the results against normal JPG and PNG exports."
---

# Export WebP images

> This tutorial shows how to use the TinyImage Compressor Figma plugin to export images as Google's WebP format from Figma. It explains how TinyImage uses Figma export settings, how to enable the WebP conversion option, and how to compare the results against normal JPG and PNG exports.

[← Back to TinyImage Video Tutorials](/tinyimage/tutorials)

[Embedded media](https://www.youtube-nocookie.com/embed/khpzcbBWqHk)

## What this video covers

This tutorial shows how to use the TinyImage Compressor Figma plugin to export images as Google's WebP format from Figma. It explains how TinyImage uses Figma export settings, how to enable the WebP conversion option, and how to compare the results against normal JPG and PNG exports.

## Things you'll need

- Figma installed
- TinyImage Compressor plugin installed

## Steps

1. Open Figma, search for TinyImage in the Plugins tab, and install TinyImage Compressor if needed.
2. Return to your file and run TinyImage Compressor from right click > plugins > TinyImage Compressor, or reopen it from the TinyImage icon.
3. Select each image or layer and set its export format in Figma's right sidebar, using PNG for transparent artwork and JPG for photos.
4. Open the **Compress** tab, select **Settings**, then use the **Images** tab in **Export Settings** to choose **JPG and PNG to WebP** under Image Conversion.
5. Close the settings panel, choose the images and quality you want, and click **Export**.
6. Download or open the resulting files to verify that the exports are now WebP images, including transparency where the original export was PNG.

## Useful links

- [Watch the full video on YouTube](https://www.youtube.com/watch?v=khpzcbBWqHk)
- [Read the full video transcript](https://www.hypermatic.com/tutorials/how-to-export-web-p-images-from-figma-using-tiny-image)
- [Read: Converting images to other image formats](/tinyimage/settings/convert)
- [Next: Export PNGs with custom ICC color space profiles from Figma](/tinyimage/tutorials/export-pngs-with-custom-icc-color-space-profiles-from-figma)
- [Open TinyImage in the Figma Community](https://www.figma.com/community/plugin/789009980664807964)