SheepNav
Dembrandt

Dembrandt

producthunt.com

一键提取网站设计变量,生成标准JSON

17天前

关于 Dembrandt

Dembrandt 是一款免费开源的工具,能够从任何网站快速提取设计变量,并转换为标准的 W3C DTCG JSON 格式,让设计师和开发者轻松管理和复用设计系统。

核心功能

Dembrandt 的核心功能是自动化提取网站的设计变量,包括颜色、字体、间距、按钮状态和断点等关键元素。它通过简单的操作,在几秒钟内将这些设计元素捕获并整理成结构化的 JSON 数据,遵循 W3C DTCG 标准,确保数据的兼容性和可移植性。

主要特性

  • 快速提取:只需输入网站 URL,即可在几秒内抓取设计变量,无需手动检查代码或设计文件。
  • 标准格式:输出符合 W3C DTCG JSON 标准,便于与其他工具和平台无缝集成,提升设计系统的一致性。
  • 本地运行:100% 本地处理,无需登录或上传数据到云端,保护隐私和安全性,适合敏感项目使用。
  • 全面覆盖:支持提取颜色、字体、间距、按钮状态和断点等多种设计变量,覆盖现代网页设计的核心要素。
  • 开源免费:作为开源工具,Dembrandt 可自由使用和定制,社区驱动持续改进,降低团队成本。

适用场景

Dembrandt 适用于设计师、前端开发者和设计系统团队,帮助他们快速分析竞争对手网站的设计风格,或迁移现有项目到统一的设计系统。例如,在重构网站时,可以提取旧版设计变量并转换为标准格式,加速开发流程;对于设计审计,它能提供数据支持,确保品牌一致性。

相关工具