Export as WebP
🚀 The ultimate WebP exporter: Compress, Scale, and Boost your site performance!
Plugin Preview
About this plugin
🚀 The ultimate WebP exporter: Compress, Scale, and Boost your site performance!⚡️ 一键导出 WebP,自定义压缩质量,指定文件体积,给你的素材“瘦身”,给你的网站“加速”!📖 使用指南 / How to Use🎯 选择目标 (Select Your Targets)Select one or multiple layers (Frames, Groups, Images, Text) on your canvas.在画布上选中一个或多个你想要导出的图层(Frame, Group, Image, Text 均可)。🎚️ 定制参数 (Tweak Settings)Quality: Default is 80 (the sweet spot for size/quality). Feel free to slide it from 0-100.画质: 默认为 80(平衡体积与画质的绝佳甜点),你也可以根据需求在 0-100 之间随意拖动。Scale: Need retina assets? You can multi-select 1x, 2x, or even 3x! The plugin will generate all scales in a single batch.缩放: 需要适配高清屏?你可以同时选中 1x 和 2x(甚至 3x)!插件会一次性为你生成所有倍率的图片。Target Size: Set a max file size (e.g., "200KB"). The plugin auto-compresses to fit the limit. No more trial and error!体积:你可以根据需求将图片压缩到你想要的体积,比如所有图片都小于200KB。🚀 一键导出 (One-Click Export)Hit the Export button and choose your destination. Done! Your WebP files are ready for the web.点击导出按钮,选择保存路径。搞定!你的 WebP 文件已经准备好上线了。✨ 核心功能亮点 / Key Features⚖️ 指定体积,智能“瘦身” (Target File Size)Set a max file size (e.g., "200KB"). The plugin auto-compresses to fit the limit. No more trial and error!不再盲猜! 你只需要告诉插件:“我要小于 200KB”,插件会自动计算并调整压缩率,确保导出的 WebP 严格符合你的体积要求,同时保持所能达到的最佳画质。🎚 自由控制画质 (Quality Control)Default at 80, but fully customizable.默认 80 质量,支持自定义调节,平衡体积与画质。📐 多倍率导出 (Multi-Scale Support)Export at 0.5x, 1x, 1.5x, 2x, 3x, 4x simultaneously! Perfect for responsive design.支持 0.5x, 1x, 1.5x, 2x, 3x, 4x ,且支持多选!一次导出多套适配资源。⚡️ 批量操作 (Batch Processing)Select one layer or a hundred, export them all at once.支持单选或多选图层,一键批量导出。🧠 智能记忆 (Smart Memory)The plugin remembers your last settings (Quality & Scale).自动记住你的压缩和缩放设置,下次打开即用,无需重复调整。🌐 中英双语 (Bilingual)Switch between English and Chinese easily.界面支持中英文一键切换。❓ 常见场景示例 / Use Cases📱 App 开发 (App Development)Check 2x and 3x to export high-definition assets suitable for iOS/Android in one go.勾选 2x 和 3x,一次导出适应 iOS/Android 的高清素材。🌐 网站 Banner (Website Banner)Check 1x, set quality to 75, and get a lightning-fast loading full-screen image.勾选 1x,质量设为 75,获得加载速度飞快的首屏大图。
Plugin Details
| Version | 8 |
|---|---|
| Created | November 28, 2025 |
| Last Updated | December 11, 2025 |
| Category | Import & export plugins |
| Creator | Phipps |
| Stats | 39 installs, 5 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML