Free
- 10 successful imports every 30 days
- Failed imports don't count
- Export to HTML: free, unlimited
Coming soon to the Figma Community
Any web page, as a Figma design you can edit. And back.
Figback rebuilds live sites and coded UI as real Figma structure: auto layout, components, variables. When the design is done, it exports the frames back to HTML and CSS.
Three ways in
Bring a page in however you have it.
- 01 · Paste
Paste HTML
Drop in markup from your code editor, a component library or a CMS export.
- 02 · URL
Enter a URL
Public pages load straight away. Pages that block plugins, and single-page apps, are captured on our server in a real browser.
- 03 · Capture
Capture a tab
Our Chrome extension, Figback Capture, saves the page you are looking at, logged-in views included, as a file the plugin imports.
Built the way a designer would
Layers you can work with, not a screenshot.
Auto layout
Flex and grid become auto layout frames you can resize, not absolutely positioned boxes.
Components and variants
Repeated cards, buttons and list items turn into components, with variants where they differ.
Variables and styles
Colours, type and spacing land as variables and text styles, ready to theme.
Real vectors and images
SVG icons stay vector, images come in as image fills, and fonts you don’t have installed are substituted.
Every width at once
Import desktop, tablet and mobile (1440, 768 and 390, or your own widths) in one go, plus a dark theme frame.
Your design system
Imports that use your library.
Point Figback at your Figma library and it maps captured colours, text and elements onto the variables, styles and components you already have. Your file stays clean instead of filling up with near-duplicates.
And back again
Figma frames to HTML and CSS.
Select frames and export semantic HTML with CSS as a zip. Export runs inside the plugin, on every plan, with no limit.
Plans
Start free. Go Pro when you import every day.
Pro
- Unlimited imports
- Server capture beyond the free quota
- Production-ready export: semantic tags, responsive flex layout, alt text (AI)
- AI clean-up: layer and token names, layout fixes, component detection
- One key on up to 3 devices
Monthly or yearly. Prices are published at launch. Cancel any time, in one click.
Waitlist
Get an email when Figback is live.
One message on launch day, with the link to the plugin. Tell us what you would import first, if you like.
Questions
Is my page or design sent to a server?
Pasted HTML and Chrome captures are converted inside Figma on your computer. A URL is first loaded by the plugin itself; only when a site blocks that, or the page renders empty, our server opens the public page and sends the result back. Export to HTML never leaves the plugin. AI features are optional, off by default and ask before anything is sent.
Does it generate React, Vue or Tailwind code?
No. Figback exports plain semantic HTML and CSS. If you need framework components, use the HTML as a starting point.
What does the Free plan include?
Ten successful imports every 30 days (failed imports do not count) and unlimited export to HTML. Pro removes the import limit and adds AI clean-up.
Can I import onto my own design system?
Yes. Figback can map what it captures onto variables, styles and components from your existing Figma library instead of creating duplicates. Library components need a Figma personal access token, because the plugin API cannot list them otherwise.
When can I install it?
Figback is being prepared for the Figma Community. This page will link to the listing as soon as it is published.