SketchXFlow

Read any page's colours, type, components and links, then copy it, rebuild it or audit it in SketchXFlow.

SketchXFlow's side panel reads the page you're on and shows how it's made. Style: the page's colours, fonts, text sizes, corner radii, spacing and shadows. Copy them as CSS. Structure: a design-system check of colours, type, spacing, buttons and contrast, with a grade. Code: the tech stack behind the page, and the API calls and console errors you choose to record. Components: navigation, sections, cards, forms and footers as pictures. Copy them into Figma as editable layers. Assets: every image and link on the page, with a check for broken links. Recreate: copy the page as a new design in SketchXFlow, or rebuild it. Audit: a quick UI and UX check, plus the full SketchXFlow audit with a score and top fixes. Projects: your SketchXFlow projects and how far along each one is. Plans: every plan, coin pack and what each action costs. Buttons open the payment page on sketchxflow.com. It reads a site only after you allow it: that one site, or every site. Works on sites you're building on your own computer too. Style, Structure, Code, Assets and the quick check in Audit work without an account. Components, Recreate and Projects need a free SketchXFlow account.