html.tomake.design (Llama) — Import websites to Figma designs (web,html,css,ai)
by tomake.design
Convert websites, HTML/CSS, and AI-generated code into fully editable Figma designs
Installs
1,376
Likes
163
Users
20,045
Views
7,282
Preview
About this plugin
html.tomake.design: Transform Websites & HTML into Editable Figma DesignsInstantly convert any live website, HTML code, CSS, or even AI-generated code into fully editable Figma designs using html.tomake.design. Stop wasting time manually recreating web elements — our powerful tool imports webpages and code directly into Figma with all layers, text, and styles preserved and ready for customization.
Accelerate Your Design WorkflowWhy build from scratch? html.tomake.design lets you kickstart your design process by starting with existing websites or codebases. It's the perfect solution for:
Redesigning existing websites without starting from zero.
Creating benchmarks or moodboards in Figma using real website elements.
Performing competitive analysis directly within your design environment.
Prototyping and testing variations based on live web content.
Quickly grabbing needed design assets from any website.
Key Features to Boost Your ProductivityWebsite to Figma Conversion: Convert entire live websites into editable Figma files.
Direct HTML/CSS Code Import: Paste HTML or CSS code directly into our editor and turn it into design elements.AI-Generated Code Support: Seamlessly import designs generated by AI tools.
Multi-Viewport Import: Capture desktop, tablet, and mobile views simultaneously.
Editable Layers: All imported elements are organized, layered, and fully editable in Figma.
Preserves Styles: Maintains typography, colors, spacing, and other CSS styles.
Private & Login-Protected Site Conversion: Easily import secure websites using our browser extension.
Local File Import: Convert local HTML files or ZIP archives.
How to Convert a Website to Figma with html.tomake.designGetting started is simple:
Open the plugin menu in Figma and launch html.tomake.design.
Enter the website URL you want to convert.
Select the viewports (desktop, mobile, tablet) you need.
Click Import — and watch your website appear in Figma!
Convert Private Websites & Local FilesNeed to import a site behind a login or work with files on your computer? Download our Chrome extension for effortless conversion of private websites. You can also use the file import option for local HTML or ZIP files.
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF