ScanthisDesign.com

ScanthisDesign.com 是一款首创的在线工具，能够扫描实时网站并提取其设计系统信息。对于希望借鉴现有组件和设计令牌以获取灵感的UX/UI设计师来说，它至关重要。

核心功能

该工具可直接从生产网站中提取以下设计元素：

• 排版系统：包括字体、字号、行高等
• 间距尺度：边距、内边距等间距规范
• 颜色变量：主色、辅助色、渐变等
• 响应式行为：不同屏幕尺寸下的布局变化
• 交互状态：悬停、点击、禁用等状态样式

主要特性

• 一键扫描：输入网址即可自动分析，无需手动检查代码
• 精准提取：基于先进算法，准确识别设计令牌和组件
• 实时更新：直接抓取线上最新版本，确保数据时效性
• 易于导出：提取结果可导出为常用设计工具格式
• 灵感启发：帮助设计师快速了解竞品或参考网站的设计规范

适用场景

• 竞品分析：快速获取竞争对手的设计系统，优化自身产品
• 灵感收集：从优秀网站中提取设计模式，融入个人项目
• 设计规范制定：参考成熟网站的设计系统，建立统一规范
• 学习研究：分析知名产品的设计决策，提升设计能力

目前，提取流程仍在持续优化中，但已展现出令人兴奋的实验成果。