Import websites and rendered HTML into Figma
html2design converts a public website URL or supplied browser-rendered HTML into Figma. Pixel mode captures the rendered page as lossless raster tiles when visual fidelity matters most. Editable mode maps supported text, images, fills, borders, shadows, and measured layout into native Figma layers for inspection and editing.
Use public URL capture for accessible websites, marketing pages, and visual references. Use the manual HTML workflow for localhost, authenticated products, staging builds, email templates, and individual components. Browser and Figma rendering models differ, so fonts, complex SVG, canvas, video, WebGL, responsive behavior, and advanced effects can require review after import.
A verified result-quality example documents the input page, output screenshots, and layer evidence. The guide explains the complete import process, while the comparison pages describe when Pixel capture, editable conversion, screenshots, or manual reconstruction fit a project.