Dembrandt - 一个基于Playwright的命令行工具,提取标志、颜色、排版、间距等...

Dembrandt - 一个基于Playwright的命令行工具,提取标志、颜色、排版、间距等...

💡 原文英文,约200词,阅读约需1分钟。
📝

内容提要

Dembrandt是一个命令行工具,能够快速将网站设计系统提取为结构化的设计令牌(JSON)。它分析样式、颜色和排版,适用于审计和文档,支持自动提取标志、颜色和CSS变量,并可将输出保存为JSON文件,适合品牌审计和设计系统文档。

🎯

关键要点

  • Dembrandt是一个基于Playwright的命令行工具,能够快速将网站设计系统提取为结构化的设计令牌(JSON)。
  • 该工具分析样式、颜色和排版,适用于审计、文档和多站点整合工作流程。
  • 自动提取标志、语义颜色、调色板、CSS变量和排版。
  • 检测间距比例、边框半径、阴影和响应式断点。
  • 将输出保存为JSON文件,并包含置信度元数据。
  • 支持多种提取模式的标志,如--json-only、--dark-mode、--mobile和--debug。
  • 适用于品牌审计和竞争分析,快速捕捉视觉指南。
  • 用于构建或记录设计系统和令牌库。
  • 整合多个站点的样式以进行品牌重塑或迁移。
  • 为前端工程生成基线样式参考。

延伸问答

Dembrandt是什么工具?

Dembrandt是一个基于Playwright的命令行工具,用于快速提取网站设计系统为结构化的设计令牌(JSON)。

Dembrandt支持哪些提取模式?

Dembrandt支持多种提取模式,如--json-only、--dark-mode、--mobile和--debug。

如何使用Dembrandt进行品牌审计?

Dembrandt可以快速捕捉视觉指南,适用于品牌审计和竞争分析。

Dembrandt如何处理样式和颜色?

Dembrandt自动提取标志、语义颜色、调色板、CSS变量和排版,并分析颜色使用和排版模式。

Dembrandt的输出格式是什么?

Dembrandt将输出保存为JSON文件,并包含置信度元数据。

使用Dembrandt可以实现哪些设计系统的功能?

使用Dembrandt可以构建或记录设计系统和令牌库,整合多个站点的样式以进行品牌重塑或迁移。

➡️

继续阅读