Skip to content
URL to Figma - Website to Figma - Import any Website to Figma

URL to Figma - Website to Figma - Import any Website to Figma

by Mohammadreza Shadpour

Import any website or web component into Figma as clean, editable layers — not a screenshot

FreeFigma

Installs

63

Likes

17

Users

1,261

Views

376

Preview

URL to Figma - Website to Figma - Import any Website to Figma preview

About this plugin

URL to Figma — import any website into Figma as clean, editable layers (not a flat screenshot).URL to Figma turns any live web page — or a single component you pick with the companion Chrome extension — into real, editable Figma layers. Paste a URL and get proper Frames, Text, Images and inline SVG vectors, rebuilt automatically with Auto Layout, colors, gradients, corner radii, borders, shadows and spacing.

It's the fastest way to bring a website, landing page, dashboard, or UI component into Figma without rebuilding it by hand. Unlike a screenshot-to-Figma import, every element arrives as a native layer you can select, restyle, and reuse.

Why designers use URL to Figma- Kickstart a redesign from an existing website or a competitor's page- Document and version production UI inside Figma- Recreate pages and components as an editable starting point- Build a reference library from real, shipped screens- Turn HTML/CSS you already have into Figma layersWhat gets reconstructed- Real Frames, Text, and Images — fully editable- Inline SVG icons and vectors- Auto Layout inferred from the page's structure- Colors, including modern CSS oklch / Color 4- Gradients, corner radii, borders, and shadows- Padding, spacing, and alignmentTwo ways to import- URL tab — paste any page address and import the whole page.- Component tab — pair once with the free "Component to Figma" Chrome extension, then click any element on any site (including dashboards, web apps, and pages behind a login) and it drops into Figma automatically.

Get the Chrome extension (for the Component to Figma tab):https://chromewebstore.google.com/detail/component-to-figma/dpopienmfkbggkpndfpmacbliiobboebGood to know- Fonts not installed in your Figma fall back to Inter.- Charts and canvas elements come in as images.- Large or complex pages import best at a smaller viewport width.

Whether you call it website to Figma, HTML to Figma, or a URL importer, URL to Figma gets your web UI into Figma as editable design in seconds.

More import & export plugins plugins

View all