HTML to Design — Capture Websites, Apps, Flows & States

Capture any website, app, user flow or hover state as editable layers for Figma or Paper. By nicelydone.club

HTML to Design captures websites, apps, flows and states as editable designs, right from your own browser tab. • Websites: any page, full length • Apps: the ones you're signed in to, with your own data • Flows: a whole user journey, one step per click or page • States: open menus, hovers and dialogs, as they are on screen Everything you capture is rebuilt as real layers: frames, text, images and vectors. Open it on Nicelydone, then copy it into Figma or Paper, or download a .fig file. CAPTURE A PAGE Click the extension on any page and choose "Capture this page". The full page is captured in your tab, with your account, your data and your settings, and opens on Nicelydone. RECORD A FLOW Record a whole user journey: each click or page change becomes a step, or capture the steps yourself. A small recorder bar stays on the page while you browse. • ⌥⇧S captures the full page, ⌥⇧V the visible area • ⌥⇧E picks one section of the page • Open menus, hover states and dialogs are kept as they are EDIT IN YOUR DESIGN TOOL Every step opens as an editable frame on Nicelydone. Copy one frame or all of them and paste into Figma or Paper with ⌘V, or download a .fig file. Text stays text, images stay images. WHY AN EXTENSION Nicelydone captures public websites on its own. Apps you sign in to (dashboards, settings, internal tools) can only be captured from your own browser: the extension runs the capture in your tab, so your password never leaves the site you're signed in to. A Nicelydone account is required (free plan available). Recording flows is part of the paid plans. Captures count toward your plan's monthly allowance. By nicelydone.club, the largest SaaS design inspiration library