HTML.to.Editable.DesignHTML.to.Editable.Design docsPrivacy Policy

File

The File tab lets you import local .html, .htm, or .zip files.

How to Use

  1. 1Open the plugin in Figma
  2. 2Select the File tab
  3. 3Drag and drop a file onto the drop zone, or click "Browse files" to select one
  4. 4The file name and size appear once loaded
  5. 5Select a viewport width
  6. 6Click "Export to Figma"
File tab with a loaded .hted file showing filename and size

Supported File Types

  • .html / .htm — Single HTML files with inline or embedded styles
  • .zip — Archive containing one HTML file + companion CSS files + images. The ZIP must contain exactly one .html/.htm file (or an index.html). CSS files referenced via <link> tags are automatically inlined. Images referenced in the HTML/CSS are resolved from the ZIP contents.
Supported file types: .hted, .html, and .zip

Best For

  • Importing saved web pages
  • Sharing designs as HTML files between team members
  • Importing bundled HTML+CSS+image packages