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.

Workflow

AI → Figma

AI generates code. We turn it into Figma layers. Paste and go.

Install Free Plugin Chrome Extension

AI writes great code. But tweaking pixels in code? Slow. Import AI output into Figma. Iterate visually. Ship faster.

Paste From Anywhere

If it outputs HTML, we import it.

ChatGPT Claude v0.dev Bolt Lovable Replit Cursor Any HTML/CSS

Why?

Visual Edits

Spacing. Colors. Typography. Click, don't code.

Real Layers

Every element. Editable. Proper Figma.

Faster Iterations

AI drafts. You polish. Ship it.

Designer-Friendly

No code knowledge required.

How It Works

Generate

Prompt AI to create your UI.

Import

Paste code or capture preview.

Refine

Adjust with Figma's design tools.

Export

Hand off polished designs.

Try It

Paste your first AI output. See it become Figma layers.

Install Free Plugin Chrome Extension