Typography Extractor is a Chrome extension designed to streamline the process of extracting and exporting typography styles from any website. The tool scans the full Document Object Model (DOM), including Shadow DOM and same-origin iframes, to identify unique text styles such as font families, sizes, weights, and more. It automatically deduplicates styles to ensure users receive only unique tokens and assigns semantic roles to each style, making it easy to categorize them into display, headings, body text, and more.

The extension supports the accumulation of typography tokens across multiple web pages, allowing users to create a unified design system. Typography Extractor can export the extracted styles as CSS custom properties or in a Tailwind configuration format, facilitating integration into existing projects. Additionally, an optional AI enrichment feature connects to Claude's API, automatically naming and describing tokens to enhance documentation. This tool is ideal for developers, designers, and teams transitioning to design tokens while maintaining privacy and data security.