Can I do it without a plugin?

No — the result must be written into a Figma file, so a plugin is required.

html.to.design has a free tier; usage limits vary.

HTML to Figma — Convert a Website to Editable Figma

Free · No Server

Convert any website or HTML into editable Figma designs using a Figma plugin — step-by-step guide.

To convert HTML (or a live website) into editable Figma layers you use a Figma plugin — there is no reliable purely-in-browser converter, because the result must be written into a Figma file. The fastest route is the html.to.design plugin.

Method 1 — html.to.design (recommended)

Open Figma and go to Plugins → Browse plugins.
Search for "html.to.design" and install it.
Run the plugin and paste a URL, or paste your HTML/CSS.
Import — the page is rebuilt as fully editable Figma layers.

Open html.to.design

Method 2 — Builder.io figma-html (open source)

Install the "HTML to Figma" plugin by Builder.io in Figma.
Enter a URL or paste markup.
Generate to import the design as Figma nodes.

Open Builder.io plugin

Method 3 — Codia HTML to Figma

Open the Codia HTML to Figma plugin or web tool.
Provide a URL, HTML file, or code snippet.
Convert to rebuild visible CSS layout as editable Figma layers.

Open Codia

These tools run inside Figma, not on this page, because the conversion writes layers directly into your Figma file. They reconstruct layout and styles, but expect to clean up complex pages afterwards.

What is Html To Figma?

HTML to Figma converts a website or HTML into editable Figma layers using a Figma plugin such as html.to.design. Because this conversion writes into a design app, it runs through a plugin rather than fully in your browser — this guide links the right tool and walks through each step.