Field Manual / 01
How to extract a design system
Enter a public URL and the tool will open the site in a headless browser, capture the page, and translate the visible interface into a structured DESIGN.md reference.
- 01Use a live website
Domains must resolve publicly. If a URL fails, try the full address including https:// or www.
- 02Wait for the browser pass
The extractor scrolls the page, loads lazy content, captures a screenshot, and reads CSS values.
- 03Review the output
Use Preview for a readable report, Markdown for the raw file, and Capture for the visual reference.