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
- html.tomake.design
- pdf.tomake.design
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.
Popular use cases
Competitive analysis
Competitive analysis
Study competitor websites and marketing materials in detail. Convert their sites to Figma to analyze layouts, components, and design patterns.
Design inspiration
Design inspiration
Convert websites you admire into Figma to understand their design systems, spacing, and component structures.
Redesign projects
Redesign projects
Start redesign projects with the current website or PDF as your Figma template. Make iterations and present variations to stakeholders.
Client presentations
Client presentations
Convert client PDFs or existing websites to Figma to present improvements, variations, and new design directions.
Asset extraction
Asset extraction
Extract images, icons, logos, and design elements from websites and PDFs for use in your own projects.
Design handoff
Design handoff
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.