UI/UX Design: Clone Any Webpage in Figma in Less Than 5 Minutes

How to quickly and easily clone almost any page you find on the web and convert it into an editable Figma file in less than 5 minutes.

Overview

What if I told you that you could, without any extra work or effort, clone almost any site you can find on the web, and turn it into a fully-editable Figma file, in less than five minutes?

Today, I’m gonna show you how to do exactly that. Let’s get it.

Step 1: Open up Figma and search for the plugin “html.to.design”

https://www.figma.com/community/plugin/1159123024924461424/html-to-design-import-websites-to-figma-designs-web-html-css

Step 2: Select it and click “run”

Step 3: Specify the page you want to clone

and then click the “Import” button.

Step 4: Give it a minute

Step 5: Select options and replace fonts as-needed

Then hit the “GO” button.

Step 6: You now have a fully editable page

With local styles and everything you need to modify it however you want!