HTML.to.Editable.Design – Convert HTML, CSS, or live websites into editable Figma designs

About this plugin

HTML to Editable DesignConvert HTML, CSS, or any live website into a fully editable Figma design — frames, text, images, auto-layout, and styles, all in seconds. Skip the tedious work of recreating layouts by hand; paste your code, drop a file, or capture a page from Chrome and have it on your canvas instantly.‣ Chrome Extension‣ DocumentationWHY USE THIS PLUGINRecreating a website inside Figma can take hours — measuring spacing, matching colors, retyping every label, rebuilding every component. This plugin turns that process into a few clicks. The output is a real Figma frame with real layers: text you can retype, frames you can rearrange with auto-layout, fills and styles you can edit. It's not a flat image. It's your design.FOUR WAYS TO IMPORT1. CODE — Paste your HTML and CSS directly into the plugin. Standalone HTML files with