PageRecast — Website to Figma, HTML to design

Import any website into Figma as editable layers, even behind a login. HTML to design at every width. Free.

Turn any web page into editable Figma layers. Free, with no limits and no account. HOW IT WORKS 1. Open a page and click PageRecast. 2. Choose the widths (desktop, tablet, mobile or any width), light or dark, and the language. 3. Capture, then paste into the PageRecast plugin in Figma. CAPTURE ANYTHING YOU CAN SEE • Pages behind a login, staging sites and localhost • The full page, the visible area, or one element you click • Several widths and both colour schemes in one go • Any URL, without opening it first WHAT YOU GET IN FIGMA • Frames, text with every style, images and SVG vectors • Auto Layout where it matches the page • Colour variables with Light and Dark modes, and text styles • A screenshot beside each frame to compare PRIVATE BY DESIGN Captures are made and kept on your computer. There is no server, no account and no tracking. Free and open source. Built by Shades Media Group. Source code: https://github.com/Shades-Media-Group/PageRecast