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
Installs
63
Likes
17
Users
1,261
Views
376
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 allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF