Design System Inspector Google Chrome 版

简化您的设计审查流程

设计系统检查器（DSI）是一个免费的 Chrome 插件，简化了网页元素的检查，增强了开发者和设计师的设计审查工作流程。通过其流畅的覆盖界面，用户可以轻松悬停在元素上，以显示诸如尺寸、间距和排版等基本细节。该工具允许快速验证设计令牌和 CSS 类名，确保实现与预期的设计系统一致。

最受推荐的替代方案

CPI Buttons

免费

4.9

主要功能包括直观的控制，可以以像素完美的精度测量元素之间的距离，智能噪声减少以提供无杂乱的体验，以及先进的扫描功能，可以可视化角半径和边框方向，类似于 Figma。此外，DSI 支持高效的 DOM 导航，使检查复杂的嵌套组件变得简单。总体而言，DSI 旨在通过减少在传统开发工具上花费的时间来提高生产力。