Html To Figma Capture
View on Chrome Web StoreChrome will indicate if you already have this installed.
Overview
HTML to Figma — Capture any website and convert it into editable Figma designs.
This browser extension works as a companion to the HTML to Figma plugin for Figma. It captures the current web page —
including all styles, images, fonts, and layout information — and exports it as an .h2f file that can be imported directly
into Figma.
Key Features:
• Capture full pages with a single click
• Capture specific selections on the page
• Multi-viewport support — capture at Desktop, Tablet, and Mobile sizes simultaneously
• Custom viewport widths (200px – 3840px)
• Preserves CSS layouts, typography, colors, gradients, borders, and shadows
• Exports lightweight .h2f files optimized for the Figma plugin
• Works on any public website
How to Use:
1. Navigate to any web page
2. Click the extension icon
3. Select your viewports and click "Capture Page"
4. The .h2f file downloads automatically
5. Open the HTML to Figma plugin in Figma and import the file
Free to use. No account or login required.
More Info: https://htmltofigma.com/
Figma Plugin: https://www.figma.com/community/plugin/1623696388918110490/html-to-figma-by-storyship-import-any-website-to-figma-designs-web-html
Tags
Privacy Practices
🔐 Security Analysis
⏳ Security scan is queued. Check back soon.