Etym — Design Token Extractor

Extract design tokens from any website. Colors, typography, spacing — one click.

Etym extracts design tokens from any website with a single click. Etym displays a floating button on supported pages so you can analyze a page's visual design system on demand. Click the floating button to extract colors, typography, spacing, layout patterns, and motion details, all structured into a clean, actionable report. WHAT YOU GET: • Color palettes with semantic role names • Typography tokens: font families, sizes, weights, and line heights • Spacing and layout patterns • Motion and interaction insights • Structured token JSON for copy/export HOW IT WORKS: 1. Navigate to any public website you want to analyze 2. Click the Etym floating button on the page 3. View extracted tokens in the floating panel 4. Copy tokens, save to your pinboard, or open the full report BUILT FOR DESIGNERS & DEVELOPERS: • Save reports to your pinboard and organize them into collections • Export structured token JSON for developer handoff • Works on public websites with no setup or configuration Privacy: Etym shows a floating button on supported pages, but it only analyzes a page after you explicitly click it. No background browsing history is collected. Read our full privacy policy at https://www.etym.dev/privacy