UX Planet

UX Planet is a one-stop resource for everything related to user experience.

Follow publication

Member-only story

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

Nick Lawrence
UX Planet
Published in
3 min readAug 19, 2024

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

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Published in UX Planet

UX Planet is a one-stop resource for everything related to user experience.

Written by Nick Lawrence

UI/UX designer with over thirteen years of experience in the design industry. nicklawrencedesign.com | designwalkthroughs.com

No responses yet

Write a response