CSS DNA — Inspect CSS & Extract Design Tokens
Inspect any element's CSS and extract a site's colors, fonts & design tokens — export to Tailwind, CSS, JSON, Figma & more.
CSS DNA — Inspect CSS & Extract Design Tokens 媒体预览
7 天趋势预览
免费账号只会看到付费插件的短期趋势预览。
用户增长趋势
7 天评分预览
预览模式下只展示缩短后的评分曲线。
30 日评分变化
日/周/月增长表现
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
版本、语言与抓取信息
查看发布时间、版本、支持语言、最近更新和抓取时间。
插件简介
查看插件说明、主要功能和适用场景。
CSS DNA is the fastest way to inspect CSS and steal a website's design system — the right way.
Stop digging through DevTools. Click any element to instantly copy clean, minimal CSS. Then scan the whole page to pull its entire design language: every color, font, type size, shadow, gradient, and border-radius — ranked by how
often it's used.
Then export it in one click to the format you actually work in:
• Tailwind config — drop a site's palette + fonts straight into tailwind.config.js
• CSS variables — a ready-to-paste :root { --color-… } block
最新评论快照
查看最近评论和评分分布。
同类与相关插件
查看 Chrome 商店详情页中的相关产品。
