Tokenscout

Tokenscout 是一款专为前端设计师和开发者打造的设计令牌提取工具，能够从实时渲染的网站中精准抽取设计令牌，包括色彩、字体、间距、动效等核心设计元素。其核心采用感知色彩聚类算法（CIELAB ΔE76），确保色彩提取的准确性和视觉一致性，同时支持类型/间距比例、资源及动效的自动识别。零依赖核心设计使其轻量高效，易于集成到现有工作流中。

核心功能

• 感知色彩聚类：基于 CIELAB ΔE76 色差公式，从网站中智能提取主色、辅助色及渐变色彩，自动生成色彩调色板。
• 类型与间距比例：自动识别字体大小、行高、字重以及间距、边距等布局参数，输出结构化的设计比例。
• 资源与动效提取：提取网站中使用的图片、图标等资源链接，并分析动画时长、缓动函数等动效令牌。
• 零依赖核心：核心模块无需外部库支持，运行速度快，适合在 CI/CD 流程中自动化使用。

主要特性

• 高精度色彩分析：基于人眼感知的 ΔE76 算法，色彩提取结果更贴近设计师意图。
• 实时网站支持：直接输入 URL 即可提取，无需访问设计源文件。
• 结构化输出：生成 JSON 格式的设计令牌，可直接导入 Figma、Tailwind CSS 等工具。
• 轻量无依赖：核心库仅几 KB，安装使用简单，不增加项目负担。
• 开源可定制：基于 MIT 协议开源，开发者可自由修改和扩展。

适用场景

• 竞品设计分析：快速提取竞品网站的设计系统，进行视觉对标。
• 设计系统迁移：从已有网站反向工程设计令牌，用于重建设计系统。
• 自动化设计审计：集成到 CI 流程中，自动检查网站设计一致性。
• 灵感收集：提取优秀网站的配色、排版方案，丰富个人设计库。