A new starting point for your web designs.

Your HTML. Now editable in Figma.

A webpage URL, HTML code or a local file. Bring text, cards and images into Figma.

Html to Design plugin and editable Figma layers

Three inputs. One workflow.

Webpage URL

Capture a public webpage using browser rendering.

Paste HTML

Paste HTML and inline CSS, then choose a viewport size.

Upload HTML

Import an .html or .htm file with embedded styles and images.

Keep editing native layers

Editable text

Read text, sizes and colors from the rendered HTML and keep editing in Figma.

Native layout

Cards, buttons and containers become separate layers with shared layout normalization.

Separate assets

Images and icons remain replaceable assets instead of one flattened page.

Find your plan

Monthly credits to keep your design work moving.

Starter

$9/ month

30 credits every month

  • Webpage URL, HTML code & files
  • Native editable layers
  • Reusable components
  • Design System & Variables
Plus
Recommended

$19/ month

100 credits every month

  • Webpage URL, HTML code & files
  • Native editable layers
  • Reusable components
  • Design System & Variables
Studio

$39/ month

250 credits every month

  • Webpage URL, HTML code & files
  • Native editable layers
  • Reusable components
  • Design System & Variables

Frequently asked questions