💡
原文英文,约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可以构建或记录设计系统和令牌库,整合多个站点的样式以进行品牌重塑或迁移。
➡️