Try Palettable for quick Color schemes and Contrast check...Click here

Convert HTML into Editable Figma Designs with multiple viewports

Convert websites, code, or local HTML files into editable design layers in Figma.

HTML import method selection

Choose Your Import Method

Start by choosing how you want to bring HTML into the plugin.

  • Import from a live URL
  • Paste HTML code directly
  • Use the browser extension
  • Upload local HTML files
Viewport presets for HTML import

Pick Your Viewport

Choose the screen size you want to import for.

  • Desktop, Laptop, and Tablet presets
  • iPhone and Mobile options
  • Custom viewport support
  • Helps match layout to the target device
Language and theme options

Set Language and Theme

Adjust your workspace before importing.

  • Select your preferred language
  • Switch between available themes
  • Designed for a cleaner import experience
Advanced HTML import settings

Advanced Import Settings

Fine-tune how your HTML is interpreted before import.

  • Use Auto layout
  • Extract styles automatically
  • Preserve image assets
  • Keep HTML layer names
  • Enable component detection
  • Add hyperlinks when needed
Preserve assets in HTML import

Keep Visual Assets Intact

Bring in more than just structure.

  • Preserve image assets during import
  • Use high-resolution image settings
  • Keep local styles where available
HTML detected and ready to import

Ready-to-Import Detection

The plugin checks your HTML before import so you can move forward with confidence.

  • Detects valid HTML input
  • Reduces errors before conversion
  • Shows import progress in real time

Rate the way these slides helped you.

undefined (Beta Tester)

Explore More Toolsin One

Quick guides and smart tips to master every feature with ease.

Unit Converter
New

Unit Converter

Easy conversion sizing for print and digital design in seconds.

Learn more about Unit Converter
Icon Library
New

Icon Library

Browse, filter, customize, and export icons faster without leaving Figma.

Learn more about Icon Library
Palettable
New

Palettable

Instantly generate Color system palettes by single click.

Learn more about Palettable
File Importer
New

File Importer

Bring external files into Figma without losing any content with instant Preview.

Learn more about File Importer
Comment Summariser
Up Next

Comment Summariser Comment Summariser AI

Distill design feedback into clear, actionable summaries.

Learn more about Comment Summariser
Frames to PDF
New

Frames to PDF

Export your designs into a share-ready digital document in seconds.

Learn more about Frames to PDF
HTML to Design
New

HTML to Design

Convert websites, code, or local HTML files into editable design layers in Figma.

Learn more about HTML to Design

Join Our Community

Be part of a growing network of designers who believe in faster, smarter, and frustration-free workflows.

Join Now !