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

How to Use the Browser Extension

  1. 1Navigate to the webpage you want to capture
  2. 2Click the extension icon in your browser toolbar
  3. 3Wait for the extension to process the page
  4. 4Save the .hted file when prompted
  5. 5Open the Figma plugin
  6. 6Go to the File tab
  7. 7Drop or browse for the saved .hted file
  8. 8Select a viewport and click "Export to Figma"

Tips

  • The extension captures the page as it currently appears — scroll to load all lazy-loaded content first
  • For single-page apps (SPAs), navigate to the specific route/view you want before capturing