Site to DESIGN.md is a Chrome extension that automates the generation of DESIGN.md files based on the current webpage. It is designed for designers, developers, and AI professionals, providing a quick way to create initial design system documentation from existing web pages. The extension extracts key visual references such as colors, typography, spacing, borders, shadows, buttons, inputs, and basic interface patterns, organizing them in a Markdown format compatible with DESIGN.md files.

Key features include the ability to analyze the open page, extract primary and secondary colors, identify fonts with their sizes and weights, and detect buttons and navigation elements. It organizes visual tokens in YAML format and allows users to copy the generated code or download the DESIGN.md file. This tool is particularly useful for creating a first draft of DESIGN.md, documenting visual patterns quickly, and supporting redesign projects.