On this page
About Web to Figma
Web to Figma is a free + paid features Figma plugin published by Web to Figma in 2023. It works in Figma Design and has 243,735 users and 3,351 likes on the Figma Community. It ranks #5 in Website to Figma and #11 in Import & Export on our lists.
In the developer's words
Web to Figmaconverts any website or HTML code to fully editable Figma designs.
Web to Figma is your go-to plugin to convert, collect and save, website design inspirations into Figma as fully editable components.
How it works
Web to Figma lets you import full website or HTML code into an editable Figma file using the plugin, or import specific components from a website, using our Chrome Extension.
Import webpages using the plugin:
1. Install the plugin
2. From within any file, run the plugin by going to Plugins menu and selecting Web to Figma
3. In the Import tab of the plugin, enter the URL of the webpage that you want to import.
4. Choose the relevant settings
5. Click on Import
Import components or websites using the Chrome Extension:
1. Install the Web to Figma Chrome Extension from Chrome Web Store
2. Go to any website in your Chrome Browser
3. Invoke the extension, and then choose if you want to capture the entire page design or a single component
4. Once the extension captures the page, save the page/component to a Collection
5. Go to Figma and run the plugin
6. Go to the Collections tab of the plugin
7. Find your latest capture and click on Add to Figma
Benefits
1. Create a library of website design inspirations using collections
2. Create a mood-board
3. Collaborate with developers by importing their HTML code implementation and comparing against the reference design
4. Learn how some of the more complex websites have been structured
5. Quickly explore various design patterns when solving a new task
Web to Figma Pro Feature Benefits:
The PRO plan caters to designers leveraging the plugin extensively, aiming to enhance and accelerate their design workflow.
Upgrade to Web to Figma PRO to enjoy limitless website or HTML imports, advanced functionalities, and be among the first to access our latest features to level up your design game.
Features include:
- Unlimited exports
- Unlimited collections
- Icon imports
- Style imports
- Custom viewport sizing
- Priority support
- Early access to upcoming features
What's new
Version 71 · released Sep 22, 2025
The developer didn't publish release notes for this version.
Permissions and privacy
Network access
Web to Figma can only connect to the 6 domains declared in its manifest: fonts.googleapis.com, fonts.gstatic.com, o4506076468805632.ingest.sentry.io, api-js.mixpanel.com, web-to-figma-artifacts.s3.us-east-1.amazonaws.com and api.web-to-figma.design.
- fonts.googleapis.com
- fonts.gstatic.com
- o4506076468805632.ingest.sentry.io
- api-js.mixpanel.com
- web-to-figma-artifacts.s3.us-east-1.amazonaws.com
- api.web-to-figma.design
Extra permissions
- Reads your Figma name and avatar
Read from the plugin's published manifest.
Where Web to Figma ranks
Web to Figma alternatives
- 1
html.to.design
by divRIOTS
2.4M users37KFree + $18/mo upgradeConvert any website into fully editable Figma designs
- 2
Convertify Sketch/Adobe/Google
by Hypermatic
519K users5.1KFree + paid featuresExport to Sketch, XD, After Effects, PSD, InDesign — or — Import XD, Illustrator, PSD, InDesign, PDF
- 3
PDF to Figma
by Gautham 🌶
314K users2.6KFreeImport a PDF file into Figma as an image
- 309K users5.8KFree
Capture, Transform, Create! Transform Screenshot into Stunning Editable Figma Designs with Ease!
- 5
pdf.to.design
by divRIOTS
215K users2.5KFreeConvert any PDF document into Figma designs. 100% PRIVATELY.
- 6
Image To Figma Design
by Crafttor
129K users739FreeConvert, edit, iterate - for free: Screenshot-to-Figma made easy
Web to Figma FAQ
What does Web to Figma do?
Import any website or HTML code to Figma editable design. Goodbye screenshots. It's a Figma plugin by Web to Figma that runs in Figma Design.
Is Web to Figma free?
Web to Figma is free to install, but some features are unlocked through a paid plan on the developer's site.
Is Web to Figma safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Web to Figma can only connect to the 6 domains declared in its manifest: fonts.googleapis.com, fonts.gstatic.com, o4506076468805632.ingest.sentry.io, api-js.mixpanel.com, web-to-figma-artifacts.s3.us-east-1.amazonaws.com and api.web-to-figma.design. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Web to Figma?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Web to Figma?
By user count, the closest alternatives are html.to.design, Convertify Sketch/Adobe/Google and PDF to Figma. Compare all of them on the best Figma plugins for website to figma.
Built this plugin?
Use this page as a landing page for Web to Figma: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/web-to-figma/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Web to Figma on figmaplugins.co" width="220" height="48"></a>