SYNX — Structure & eXperience

Website Design & Workflow Scanner: Audits DOM, computed styles, routes, and generates AI handoff packages.

SYNX is a Chrome extension that helps developers and designers understand website layouts, styles, pages, and interactions. It collects useful design information and organizes it into documentation that you can use when rebuilding or improving a website with AI tools. Scan Your Website 1. Current Page Analyze the current page to identify its colors, fonts, layout, buttons, forms, and other visible elements. 2. All Pages Scan multiple pages of the same website. Choose a page limit that fits your needs, from 15 to 250 pages. 3. Custom Pages Select specific pages or enter URLs to scan only the parts of a website you want to work on. Export Your Results Download a ZIP file containing organized documentation about your website's design, page structure, user interactions, and discovered assets. Use these files as a reference when working with AI coding assistants or developing your own website. Privacy & Security Website analysis runs locally in your browser. Sensitive form fields are excluded from collected information. No external analytics or third-party processing servers are used. Browser permissions are limited to the features required for scanning. Simple and Easy to Use Switch between dark and light themes. Preview your generated documentation before exporting. Copy individual files or download everything in one ZIP. Run scans in the background while keeping the interface responsive. SYNX makes website analysis easier by turning complex page details into organized documentation for your next development project.