Page to Layers

Copy any web page as editable design layers, then paste into Figma. One click, no account.

Page to Layers copies the web page you are looking at to your clipboard as editable design layers. Paste it into a design tool that accepts clipboard HTML, such as Figma, and keep editing. How to use it: 1. Open any web page and click the Page to Layers icon. 2. Press "Copy page as layers". "Copied to your clipboard" appears when it is done. 3. Paste into your design tool (Cmd+V on Mac, Ctrl+V on Windows and Linux). What is copied: text, colours, fonts, borders, shadows, gradients, images, form fields and the layout of the page, as separate layers you can edit. "Copy as image" puts a plain screenshot of the visible area on the clipboard instead. Images are optional. Pages often load pictures from other websites. A welcome page opens once after install and asks whether Page to Layers may fetch those images for you. If you say yes, they come across with the page. If you say no, they appear as grey boxes and everything else still works. You can also allow one site at a time, from the popup after a capture, or change your mind later from the popup. What Page to Layers does not do: it has no account, no analytics and no tracking, and it does not send the page or your clipboard to us. There is no server of our own. The only requests it makes are for fonts from a public font CDN (to measure text) and for images the page already points to. Known limitations: - The clipboard format that design tools read is undocumented and can change without notice. If a paste stops working after a tool update, that is the likely cause. - Iframes, video, canvas and shadow DOM content are not captured. - Very long or very large pages are truncated (the first 20,000 px, and up to about 5,000 elements, are copied). - Text in scripts such as Hindi or Arabic is laid out again by the design tool with its own fonts when you paste, so spacing can differ slightly from the page. - Images that need a login on another site stay grey. Page to Layers is independent software and is not affiliated with or endorsed by Figma or the makers of html.to.design.