URL to Figma - Website to Figma - Import any Website to Figma
Import any website or web component into Figma as clean, editable layers — not a screenshot
Plugin 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.
Plugin Details
| Version | 20 |
|---|---|
| Created | July 9, 2026 |
| Last Updated | August 22, 2026 |
| Category | Import & export plugins |
| Creator | Mohammadreza Shadpour |
| Stats | 55 installs, 16 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Sends the target URL to the extraction backend and receives the design tree (and inlined image data) used to rebuild the page as editable Figma layers.
- Editor Types:figma
- Allowed Domains:
- http://localhost:4000
- https://figma.downloadx.ir
More Like This
Discover other plugins in the Import & export plugins category.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.