HTML to Figma Capture

Capture pages open in your browser as editable .h2f files for Figma. Free, no account required.

Turn a page that is already open in your browser into editable Figma layers. HTML to Figma Capture is useful when a normal URL importer cannot see the same page state as you. Capture public pages, localhost projects, and many signed-in or private workspace views from the browser tab where they are already open. HOW IT WORKS 1. Open the page you want to capture. 2. Choose full-page or area capture, responsive widths, and Browser, Light, or Dark appearance. 3. Download one local .h2f file, or enter the one-time pairing code shown by the HTML to Figma plugin and choose Figma plugin delivery. 4. Import the downloaded file or receive the paired capture in HTML to Figma to create editable layers. FEATURES - Full-page capture - Single or ordered multi-area selection with Shift-click, including nested open Shadow DOM - Current window, wide, desktop, laptop, tablet, mobile, and custom widths - Browser, Light, and Dark appearance across every selected viewport - Multiple viewport and appearance captures in one .h2f file - Optional interactive-state variants and higher-resolution responsive images - Local download or paired delivery directly to the HTML to Figma plugin - Editable text, images, layers, and supported Auto Layout structures through the companion plugin - Capture progress, actionable errors, retry, and privacy-safe diagnostics - No extension account required - Free to use WHAT'S NEW IN 0.3.0 - Capture multiple selected areas in a single workflow. - Combine responsive widths with Browser, Light, and Dark appearance. - Send captures to the Figma plugin using a one-time pairing code. - Enable optional interactive-state capture and higher-resolution images. - Improved capture cleanup, partial-failure reporting, and recovery. LOCAL DOWNLOAD AND OPTIONAL DIRECT DELIVERY Local download is the default. If you choose Figma plugin and enter its one-time pairing code, the extension sends the compressed .h2f bytes over HTTPS through a short-lived in-memory relay at api.htmltofigma.com. The plugin validates and consumes the same bytes used by file import. If direct delivery fails, the extension automatically saves the completed capture through Chrome Downloads. Readable debug JSON is always downloaded locally. CAPTURE NOTES Light and Dark emulate the browser's color-scheme preference. Websites with their own theme controls may keep the same appearance. Open Shadow DOM is supported. Closed Shadow DOM and some protected cross-origin content have capture limitations. Chrome does not allow extensions to capture internal browser pages or the Chrome Web Store. Enable file access in Chrome if you want to capture supported file:// pages. An .h2f file contains captured page content and referenced assets or links. Review it before sharing when the source page is private. The companion HTML to Figma plugin is required to turn captures into editable Figma layers. This extension does not provide native copy-and-paste delivery directly onto the Figma canvas. Website: https://htmltofigma.com/ Privacy policy: https://htmltofigma.com/privacy-policy Support: https://htmltofigma.com/support Figma Plugin: https://www.figma.com/community/plugin/1623696388918110490/html-to-figma-by-storyship-import-any-website-to-figma-designs-web-html