Refore HTML to Figma
Menu
Refore HTML to Figma

Convert any webpage
Into Figma — Pixel-Perfect

AI-generated pages are also supported

Trusted and utilized by 10000+ enterprise users worldwide.

Statistics as of August 20, 2025, deduplicate and count based on the users’ work email

Why HTML to Figma

Inspiration from Excellence

Seamlessly integrate great designs into your product to draw inspiration and elevate your design capabilities. Refine and redesign, not start from scratch.

Boost Your Design Iteration

Easily import your existing web products into Figma to refine and redesign your products.

Easily import your existing web products into Figma, supporting the import of multiple consecutive pages and interactions in one go, making it convenient to refine, redesign, or present your ideas.

Import AI-generated pages into Figma for further editing

AI tools like Claude, Codex, Cursor, Lovable, and Google AI Studio can generate pages based on your prompts or screenshots. If you want to fine-tune or make detailed adjustments, you can use HTML to Figma to import these pages into Figma for further editing.

Learn MoreInteractive Import

Who Will Love HTML to Figma

Highlight Features

Import consecutive pages with click interactions

Perfect for rapidly iterating existing product flows, making large-scale adjustments, or leveraging existing processes with 10x efficiency

Auto-rename layers with AI After Import

Leverage exclusive data and AI algorithms to intelligently rename all imported layers with one click

Just Pixel-perfect, Original HD images

Every element is 100% faithfully restored to Figma, with exclusive technology to capture and import high-definition images from the source site

Update the fonts used after import

No matter how many rare fonts the original webpage uses, you can update them all in bulk with one click.

Auto Layout

Convert the layout features from the original page into an auto layout in Figma (Beta)

AI

Interactive import of AI-generated HTML pages

One-click import of HTML pages generated by any AI tools, including content that can only be seen by clicking or hovering the mouse.Learn More
MCP

Refore HTML to Figma MCP

Connect Claude Code, Codex, Cursor or any MCP-capable AI agent to Refore HTML to Figma. Then tell it in one sentence to open pages, walk through a flow, and import every page it sees into Figma.

Install the MCP in one sentence

Copy the one-line prompt from the MCP tab of the plugin and send it to your agent. It installs the MCP by itself and connects to the plugin in about 3 minutes.

Installation guide

Let the agent import a whole flow

Say "import every page of the add-user flow into Figma", and the agent opens the pages, clicks buttons, fills forms, and imports each page as it goes.

Watch video demo

What Our Users Say

Your tool is really amazing, it saves me a lot of time when creating new UI designs

Sanna
SannaNetherlands
Verder
153 days ago

A perfect tool

yxz
yxz
460 days ago

First of all, the tool works really smoothly and creates layouts perfectly. The texts are also almost perfect — it's just that sometimes long paragraphs are split into multiple layers and end up overlapping. The padding and margin values are often fractional, which requires proofreading each component and adds some manual work. But overall, the tool increases project delivery speed and the overall workflow by 4x. This helps me spend more time on UX research rather than UI design.

Click to expand
Dipesh Gurav
Dipesh Gurav
Feedback
460 days ago

It creates a perfect copy of the page — like 99% perfect. I recommend it. The only thing it didn’t convert correctly was divs with clip-path: polygon(20.444% 6.836%, 20.444% 6.836%, ... ...), which essentially mimic SVG. But that’s a rather exotic and rarely used CSS feature.

Click to expand
Lukáš Tomek
Lukáš Tomek
440 days ago

Found this tool really useful for any production sites that need design enhancements... rather than starting from scratch. Only used a couple of times, but so far, so good

Kathryn Donaldson
Kathryn Donaldson
460 days ago

Your tool is amazing! Easy to use and fast! I noticed that with Font classes the import was not that good, usually bigger than the original HTML.

Viviele
Viviele
Feedback
474 days ago

very good

Trần Hoàng
Trần Hoàng
Feedback
443 days ago

Okay, so this 'HTML to Figma' plugin by demoway? It's seriously awesome. The Pixel-Perfect thing is no joke – it literally pulls web pages into Figma looking identical, which is super handy. And the AI-Generated Page support? That's just next-level for whipping up designs fast. Totally a must-have if you're bridging web and Figma!

Click to expand
Vinci Zhu
Vinci Zhu
460 days ago

First time using this tool - I feel it will speed up the import of pages from a Production/Live site into Figma SIGNIFICANTLY!! Very happy so far

Kathryn
Kathryn
Feedback
493 days ago

Builders Like You
Everywhere, Right Now

2026-09-07 06:00 GMT

Pricing

Free

Initial Trial, Light Daily Use

$0
  • Industry-leading import accuracy, it just Pixel-Perfect
  • Import whole page
  • Import a component
  • Update fonts used in one click after import
  • 2 free imports weekly, 4 more in first week
    ?

Pro

Unlimited Imports, Batch, AI Optimization

$9/Billed yearlyMonth
  • Unlimited Imports
  • Original high-definition image
  • Auto-rename layers with AI after import
    ?
  • Import consecutive pages with click interactions
    ?
  • Use specified font for all imported text
    ?
  • Import pages generated by Refore Make unlimited times
    ?
  • Priority support

Team

More cost-effective, more convenient

$9/Billed yearlyMonth/Seats
Min 5 seats
  • Flexible seat allocation
    ?
  • Unified billing and invoicing, more convenient
Icon

Design by Evolving, Not Starting from Scratch 

Try in Figma