Yoink - Design Token & Style Extractor
Extract design tokens, colors, fonts, spacing, and styles from any website and export clean YAML for design systems and AI tools.
Upgrade to view the full paid extension report
Public basics remain visible. Paid access adds payment clues, related extensions, and more review detail.
Yoink - Design Token & Style Extractor Media preview
7-day user preview
Free accounts only see a short preview for paid extensions.
User Growth Over Time
7-day rating preview
The rating curve is shortened in preview mode.
30-day rating change
Daily, weekly, and monthly growth
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Version, languages, and crawl freshness
Review publication date, version, supported languages, and crawl timestamps.
Product summary
Review the store description, core capabilities, and common use cases.
Yoink extracts design tokens, colors, typography, CSS variables, spacing, components, and layout styles from any website in one click. Export clean YAML for design systems, UI audits, component libraries, and AI coding assistants like Claude and Cursor.
WHAT YOINK DOES
Point, click, and extract a website’s complete design language:
- Colors - Full palettes with usage frequency, CSS variables, and color relationships
- Typography - Font families, type scales, headings, body text, and line heights
- Spacing & Layout - Grid systems, containers, spacing patterns, and flexbox configurations
Recent review snapshot
Inspect the latest comments and rating distribution.
More reviews require paid access
The rating summary remains visible. Paid access includes more synced review text.
Similar and related extensions
Review related products from the Chrome Web Store detail page.
Related paid products require paid access
Upgrade to compare similar products and adjacent extensions.
