Skip to content
html.tomake.design (Llama) — Import websites to Figma designs (web,html,css,ai)

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

FreeFigmaSlidesFigJam

Installs

1,376

Likes

163

Users

20,045

Views

7,282

Preview

html.tomake.design (Llama) — Import websites to Figma designs (web,html,css,ai) 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 all