HTML you can keep working on
Rebuild your design as HTML and CSS, with selectable text and elements you can continue to edit.
A little magic for your workflow
From canvas
to browser.
Turn your selected Figma frames into ready-to-open HTML. Choose how your design is built, packaged and presented—right from the plugin.
Start with 10 free exports. No card required.
✳ Select a frameFrom your Figma canvas
✓ Your files are readyOpen in your browser
DESIGNED IN FIGMA · READY FOR YOUR BROWSER · MADE FOR MAKERS
Built for your workflow
More design.
Less starting over.
From a quick preview to an editable starting point, choose the export that works for what comes next.
Auto Layout to flexbox
Figma Auto Layout frames become flex containers. Other layers keep their positions.
A little more motion
Add generated scroll and hover effects to detected elements, or keep your export static.
Made to move with you
Your files, your way.
Make a single page for a quick browser preview, or take a project folder with you for the next step.
✓Single HTML bundles styles and images into one file.
✓Project ZIP separates HTML, CSS and assets.
✓Fit width scales the design with the browser window.
Your files are ready.homepage.html · 1 frame
Illustrative preview of the export experience
A smoother handoff
Small steps.
Big ideas.
Keep your momentum going from your first frame to your next browser preview.
Pick your frames
Select the designs you want to export right on your Figma canvas.
Make it yours
Choose your layout, sizing, motion and output format in the plugin.
Take it to the web
Download your HTML or project ZIP and open it in a browser.
Simple pricing
Make more of your ideas.
Start for free, then choose the plan that fits your creative flow.
Free
$0
A little room to try things out.
- 10 exports
- HTML or project ZIP
- Export settings included
Annual
$10 / year
For your next year of making.
- Unlimited exports
- All export settings
- Renews yearly until canceled
Lifetime
$20 / once
One payment. Keep creating.
- Unlimited exports
- All export settings
- One-time payment
After purchase, activate your emailed license key in the plugin.
Good to know
Questions, answered.
What counts as an export?
Each successful export counts once, whether you export one frame or several. Downloading the same export again does not use another credit.
How does the annual plan work?
The annual plan costs $10 per year and renews automatically until canceled. Your license remains available while the subscription is active.
How do I activate my purchase?
Dodo Payments sends a license key to your purchase email. Open the plugin, select Upgrade / Activate, and enter the key.
What can I export?
Export selected frames as editable HTML or a frame image, in a single HTML file or a project ZIP. Complex designs may need further adjustments after export.