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.
Yoink - Design Token & Style Extractor 媒体预览
7 天趋势预览
免费账号只会看到付费插件的短期趋势预览。
用户增长趋势
7 天评分预览
预览模式下只展示缩短后的评分曲线。
30 日评分变化
日/周/月增长表现
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
版本、语言与抓取信息
查看发布时间、版本、支持语言、最近更新和抓取时间。
插件简介
查看插件说明、主要功能和适用场景。
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
最新评论快照
查看最近评论和评分分布。
同类与相关插件
查看 Chrome 商店详情页中的相关产品。
