This project is a tool for transforming live HTML web pages into editable Figma design layers by processing the document object model and CSS. It functions as a web-to-design converter and HTML-to-layer transformer that translates browser elements into design tool primitives.
The tool captures live webpage sections across multiple screen widths to preserve responsive layout behaviors during the import process. It also includes a visual content editor that identifies live website components, allowing for the direct modification and publication of content entries from a browser view.
The system covers the conversion of computed web styles into design properties, a header-injection proxy to bypass iframe embedding restrictions, and the deconstruction of websites into structured design components for prototyping and redesign.
