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 FeaturesSmart 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 casesEfficient 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 sizesFlexible 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 needsBatch Processing•Convert multiple elements simultaneously•Real-time progress tracking with accurate completion estimates•Optimised memory usage for handling large selectionsExport Options•Save as a single ZIP file containing all WebP images•Download individual WebP files directly•Automatic naming based on your Figma layer structureDetailed Statistics•View before/after file size comparisons•See exact file size savings for each conversion•Track total compression savings across your selectionSimple Workflow•Select elements → Choose quality → Convert → Download•Integrates seamlessly with your Figma workflow•Works with frames, components, groups, shapes, text, and morePerformance Optimised•Fast conversions even for high-resolution graphics•Memory-efficient processing for large batchesPlease leave some feedback if you find this plugin useful :)

Plugin Details

Version5
CreatedFebruary 26, 2025
Last UpdatedFebruary 9, 2026
CategoryImport & export plugins
CreatorBen Jones
Stats573 installs, 67 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