Milten.ioMilten

Design tokens

Combine website styles into a single design system without manual work

Advantages

Fast analysis of multiple pages
The service processes dozens of pages simultaneously, extracting all CSS values into a single structure. No more switching between screens to find the variables you need.
Secure parsing without server access
The analysis is performed on the client side — no access to the site's code or database is required. Only public CSS styles.
Automation of routine tasks
Forget about manually copying colors, fonts, and indents. The service automatically scans the specified pages and collects all CSS tokens into a single file, saving hours of development time.
Scalability and support
Track unused variables, identify duplicates, and keep your design system up to date as your project scales. Suitable for enterprise solutions.

How it works

Tools

Validate HTML
Accessibility
Design tokens
CSS
RSC Payload

FAQ

The service collects CSS tokens: colors, fonts, sizes, indents, shadows, breakpoints. All values are structured by category for ease of use.

The system automatically detects duplicates and provides a choice of priorities: by frequency of use, by source (main domain above), or by user rules. All conflicts are displayed in a separate report.

The tool allows you to compare current CSS values with the target system, identify conflicts, and gradually migrate styles. You receive a report on the differences and recommendations for adaptation.

Yes, you can specify selectors, exclude certain classes or domains, and configure the priority of style sources. This is especially useful when working with legacy code or third-party libraries.

Yes, in the analysis settings, you can set a threshold value for frequency of use. For example, you can set a rule to only include CSS properties that appear on 3 or more pages of the site. This helps weed out random or test styles, focusing on truly systemic values. You can also set up the opposite rule — exclude frequently repeated basic styles (such as standard indents or link colors) so that only meaningful component variables remain in the final design tokens.
We use Cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

Collect CSS tokens from a website