Pixlore

About this plugin

Converts any website or HTML code into fully editable Figma designs.

You can use an existing website, import its HTML into Figma, and begin your own designs—no need to create every element from the ground up.

How it works？

PixLore allows you to import a URL to replicate a pixel-perfect Figma file. It can also work with the Chrome extension to replicate private websites or those requiring login access, and finally, you can edit using the AI editor.

Import webpages using the plugin:

1. Install the plugin

2. From within any file, run the plugin by going to Plugins menu and selecting PixLore.

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 PixLore 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, you can choose to send the file to Figma plugin or save the file locally

5. Go to Figma and run the plugin

6. Go to the Extension tab of the plugin or upload .h2f file

7. Find your latest capture and click on Add to Figma

Edit Figma designs using the AI Editor:

1. Select Figma components

2. Describe your requirements

3. Start generating

Why use PixLore？

Pixel-perfect replication: Accurately and effortlessly replicate excellent designs into Figma—this will greatly enhance your work efficiency.

Streamline Your Design Process: Import existing web products into Figma with ease to refine and reimagine them. Letting you focus on creativity and optimization instead of building from the ground up.

Easily carry out re-creation via AI:You can select design elements, describe requirments, and leave the rest to PixLore.