Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.tomake.design/llms.txt

Use this file to discover all available pages before exploring further.

Transform any website or PDF into editable Figma designs with our powerful Figma plugins. No design skills required.

Our products

html.tomake.design

Convert websites, HTML/CSS code, and AI-generated code into fully editable Figma designs. Multi-viewport support included.

pdf.tomake.design

Transform PDF files into editable Figma designs. 100% local processing — your files never leave your computer.

Get started quickly

Convert websites to Figma

1

Install the plugin

Install html.tomake.design from Figma Community
2

Enter a URL

Paste any website URL into the plugin
3

Configure & capture

Choose viewport size, theme, and click capture
4

Edit in Figma

Your website is now a fully editable Figma design

Learn more about html.tomake.design

Complete getting started guide

Why choose Tomake Design?

Save time

Convert websites and PDFs to Figma in minutes instead of hours of manual recreation.

Fully editable

All elements are editable in Figma — text, images, colors, and layouts.

No skills needed

Anyone can use our plugins, regardless of design experience.

High fidelity

Pixel-perfect conversions that preserve layouts, typography, and visual elements.

Team collaboration

Share converted designs with your team in Figma for seamless collaboration.

Extract assets

Pull images, graphics, and design elements for use in your projects.
Study competitor websites and marketing materials in detail. Convert their sites to Figma to analyze layouts, components, and design patterns.
Convert websites you admire into Figma to understand their design systems, spacing, and component structures.
Start redesign projects with the current website or PDF as your Figma template. Make iterations and present variations to stakeholders.
Convert client PDFs or existing websites to Figma to present improvements, variations, and new design directions.
Extract images, icons, logos, and design elements from websites and PDFs for use in your own projects.
Transform PDF mockups into Figma files for easier developer handoff with proper specs and assets.

Explore our documentation

html.tomake.design

What is html.tomake.design?

Learn about the website to Figma conversion plugin

Getting started

Install and convert your first website

How it works

Understand the conversion process

Troubleshooting

Fix common issues

pdf.tomake.design

What is pdf.tomake.design?

Learn about the PDF to Figma conversion plugin

Getting started

Install and convert your first PDF

How it works

Understand the conversion process

Troubleshooting

Fix common issues

Get help and support

Discord community

Join our community for help, tips, and discussions

Email support

Contact our support team directly

Follow on Twitter

Stay updated with news and tips
Both plugins include free conversions each month. Start converting today — no credit card required.