HTML to Figma — by Storyship — Import website to Figma designs (web,html,css) - Free

About this plugin

Convert live web pages into fully structured Figma layouts with auto-layout, real content, and production-ready layers.FeaturesURL Import — Paste any URL, and our cloud service captures the full page with all styles, images, and typography intact.Multi-Viewport Capture — Import at multiple breakpoints (Desktop, Tablet, Mobile) in a single operation to review responsive layouts side by side.Editable Viewport Sizes — Customize viewport widths to match your exact design system breakpoints.Browser Extension Import — Use the companion browser extension to capture pages offline and import .h2f files directly via drag-and-drop.Auto-Layout Conversion — CSS Flexbox and Grid layouts are converted to native Figma auto-layout, preserving spacing, alignment, and sizing behavior.Semantic Layer Names — Layers are named using HTML tag names (nav, header, section, etc.) for clear structure and easy navigation.Hyperlink Preservation — Link destinations from the original page are retained on Figma layers for prototype handoff.Light & Dark Theme — Choose to capture the page in light or dark mode.How It Works1. Paste a URL or drag an .h2f file into the plugin.2. Select your viewports and theme preference.3. Click Import — the plugin captures the page and builds the Figma design.4. Review & edit — everything is editable auto-layout, not flattened images.Browser ExtensionFor pages behind authentication or complex SPAs, use our browser extension to capture pages locally:browser extensionThe extension generates .h2f capture files that can be imported via the File Import tab.SupportEmail: [email protected]