html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)

Converts any website into fully editable Figma designs.

Leverage an existing website and import its HTML to Figma to start your own designs, without building each element from scratch.

👉 Homepage📖 Documentation 💬 Chat with us How to import a website into Figma?

In Figma, go to the plugin menu and start html.to.design pluginEnter the url of the website to import into FigmaChoose the viewports to import (mobile, desktop, tablet...)Click on importImport private website or behind login websites?

Download our Chrome extension.

Follow instructions in documentation.

Import files.html and .htm files.mhtml and .mhtm files.zip files with webpagesEmails in .eml, .emlx or .msg formatImport HTML+CSS codeUse the new "Editor" tab to import HTML/CSS code directlyEdit and update incrementallyImport via MCPFastest MCP server!

Connect your AI tool - Claude Desktop and Cursor are supportedGenerate designs with AI and send them to FigmaYou can automate URL imports too!

Why use html.to.design?

Redesign an existing website, without building a single thing from scratch.

Capture websites for a benchmark or moodboard in Figma, without a single screenshot. Load an editable webpage in Figma for collaboration, providing comments and feedback.

Improve your UX writing with different copy, and get a snapshot of exactly how it’ll look.

Scrap a website to import missing design assets for ongoing projects.

Use AI (with MCP) to bootstrap your work or get inspirationsFREE planUp to 10 imports every 30 days with ‹div›RIOTS ONEPRO planUnlimited imports (fair use)High-resolution imagesMultiple URLs or .h2d files at onceRe-import URLs in one clickPremium support------------------------------Brought to you by ‹div›RIOTS------------------------------