Pixlore - html to figma-AI Design Review & Multimodal Chat

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 groundup.

What can Pixlore do?

1. Web-to-Figma Conversion Turn any live website into fully editable Figma layers with one click.

2. 7+ Design Review Modes Switch between specialized audit modes for UI, UX, and copy to ensure pro-level quality.

3. Intelligent UX Reverse-Engineering Deconstruct competitor flows and auto-generate site-wide Information Architecture (IA) maps based on user intent

4. RAG Knowledge Pack Sync your team’s custom brand guidelines for AI reviews that follow your specific standards.

5. Visual AI Chat Upload screenshots and chat with multi-model AI for context-aware design feedback.

6. Auto-Annotation (Coming Soon) Automated specs and handoff tools are on the way!

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.

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