Is tomake.design the same as tofig.design?

Yes! We rebranded from tofig.design to tomake.design. All our plugins (html.tofig.design and pdf.tofig.design) are now available at html.tomake.design and pdf.tomake.design. The functionality remains the same — same great tools, new name.

Are the Figma plugins free to use?

Yes, both html.tomake.design and pdf.tomake.design are free to install and use. You can import unlimited websites and PDFs into Figma at no cost.

Can I import AI-generated code into Figma?

Absolutely! The html.tomake.design plugin works perfectly with code generated by ChatGPT, Claude, v0, Bolt, Lovable, and other AI coding tools. Just paste the HTML/CSS code and convert it to editable Figma layers.

Is my PDF data private and secure?

Yes, completely. The pdf.tomake.design plugin processes all PDF files locally on your device. Your documents never get uploaded to any server — your data stays private.

What types of websites can I import into Figma?

You can import any publicly accessible website. This includes landing pages, portfolios, dashboards, e-commerce sites, blogs, and more. The plugin captures the visual layout and converts it to Figma layers.

How do I get support or report issues?

You can reach us at support@tomake.design for any questions or issues. We also have a Discord community where you can get help and share feedback with other users.

Where can I find tomake.design plugins on Figma?

All our plugins are available on Figma Community at figma.com/@tomakedesign. You can install HTML to Figma and PDF to Figma directly from there, completely free.

How do I import localhost or private sites into Figma?

Install our Chrome extension from the Chrome Web Store. It captures any page you can view in your browser—including localhost development servers, staging environments, and login-protected pages.

Is the HTML to Figma plugin free?

Yes, 100% free forever. No trial period, no credit card, no signup required. Install from Figma Community and start importing immediately.

Can I capture multiple viewport sizes at once?

Yes! Select desktop, tablet, and mobile viewports and import all responsive breakpoints in a single action. Great for documenting responsive designs.

Figma Plugin

HTML → Figma

Paste a URL. Get Figma layers. That's it.

Install Free Plugin Chrome Extension

View on Figma Community →

Free

Forever

Signup

Any

URL or Code

Real

Figma Layers

Works With

If it renders as HTML, we import it.

Live Websites HTML/CSS Code ChatGPT Claude v0.dev Bolt Lovable Replit Tailwind Cursor Localhost

Why Use It

Start with what exists. Build faster.

Redesign Sites

Import existing sites. Iterate in Figma.

Competitive Analysis

Import competitor sites. Study layouts.

Moodboards

Grab real site elements. Build references.

Prototyping

Test variations on live content.

Grab Assets

Extract design elements you need.

AI Workflows

Import AI-generated code. Polish in Figma.

Features

URL Import

Paste any URL. Get editable layers.

Code Paste

HTML, CSS, Tailwind. Paste directly.

Multi-Viewport

Desktop, tablet, mobile. All at once.

Editable Layers

Organized. Layered. Fully editable.

Styles Preserved

Typography, colors, spacing. Kept.

Private Sites

Local Files

HTML files. ZIP archives. Dev servers.

AI Code

ChatGPT, Claude, v0, Bolt. Just paste.

How It Works

Launch

Open the plugin in Figma.

Enter URL

Paste the website you want.

Pick Viewports

Desktop, tablet, mobile.

Import

Click and watch it appear.

Frequently Asked Questions

How do I import a website into Figma?

Install the plugin from Figma Community, open it in Figma, paste any URL, select your viewport sizes, and click Import. The website appears as fully editable layers.

Can I import AI-generated code from ChatGPT or Claude?

Yes! The plugin works perfectly with code from ChatGPT, Claude, v0.dev, Bolt, Lovable, Replit, and Cursor. Just paste the HTML/CSS code directly.

How do I import localhost or private sites?

Install our Chrome extension. It captures any page you can view—including localhost servers, staging environments, and login-protected pages.

Is the plugin really free?

Yes, 100% free forever. No trial period, no credit card, no signup required. Unlimited imports.

Does it preserve text and styles?

Yes, the plugin preserves typography, colors, spacing, and layout. Text remains editable, not flattened to images.

What's the difference between this and html.to.design?

html.tomake.design is 100% free with unlimited imports. No signup, no credit card, no monthly limits. Competitors often have freemium models with restrictions.

Ready to import your first website?

Paste a URL. Get editable Figma layers. That simple.

Install Free Plugin