Back to Plugins
Export to WebP

Export to WebP

Convert your designs to WebP - smaller files, same quality

webfigma-to-codeimageshtmlwebp

Plugin Preview

Export to WebP preview

About this plugin

Export to WebP transforms your Figma frames into optimised WebP images with just a few clicks.


WebP offers significantly smaller file sizes compared to PNG while maintaining excellent visual quality - perfect for web projects where performance matters.


Key Features


Smart Target File Size Optimisation ✨ NEW

•Set your desired file size (e.g., "100 KB" or "2 MB") and let the plugin automatically find the perfect quality setting

•Advanced binary search algorithm optimises quality to hit your exact target size

•Real-time progress feedback shows optimisation iterations

•Perfect for meeting specific file size requirements or bandwidth constraints

Advanced Transparency Control ✨ NEW

•Preserve or remove alpha channel (transparency) based on your needs

•Keep transparent backgrounds for overlays and UI elements

•Remove transparency for smaller file sizes when opacity isn't needed

•Smart default settings optimize for most common use cases


Efficient WebP Conversion

•Convert any Figma element to WebP format with high-quality results

•Save up to 30-75% in file size compared to PNG format

•Maintain visual quality while dramatically reducing file sizes


Flexible Quality Settings

•Choose from preset quality options (High Quality, Web Optimised, Ultra Compressed)

•Fine-tune compression with a precise quality slider (0-100%)

•Create and save custom quality presets for your specific needs


Batch Processing

•Convert multiple elements simultaneously

•Real-time progress tracking with accurate completion estimates

•Optimised memory usage for handling large selections


Export Options

•Save as a single ZIP file containing all WebP images

•Download individual WebP files directly

•Automatic naming based on your Figma layer structure


Detailed Statistics

•View before/after file size comparisons

•See exact file size savings for each conversion

•Track total compression savings across your selection


Simple Workflow

•Select elements → Choose quality → Convert → Download

•Integrates seamlessly with your Figma workflow

•Works with frames, components, groups, shapes, text, and more


Performance Optimised

•Fast conversions even for high-resolution graphics

•Memory-efficient processing for large batches


Please leave some feedback if you find this plugin useful :)



Plugin Details

Version4
CreatedFebruary 26, 2025
Last UpdatedMay 27, 2025
CategoryImport & export plugins
CreatorBen Jones
Stats114 installs, 5 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdn.jsdelivr.net