Ruler Grid 作者： MDesign

Ruler Grid —— 一款面向设计师和前端开发者的通用工具套件。Ruler Grid 帮助你分析并优化任何网站的页面布局。你可以直接在浏览器中测量元素、检查样式、选取颜色并进行设计实验。

核心功能：
• 标尺与参考线
使用水平和垂直参考线，高精度测量距离并对齐元素。

• 取色器工具
从页面中获取任意颜色或渐变，并以 HEX、RGB 或 HSL 格式复制。

• 字体检查器
即时识别字体、字号、字重以及行高等排版信息。

• 实时页面编辑
无需打开 DevTools，直接在网页上修改文本、间距和布局。

• CSS 与样式检查器
一键查看计算样式、CSS 属性以及 Tailwind 类名。

• 响应式网格
叠加布局网格，检查不同屏幕尺寸下的列结构、间距与对齐情况。

为什么选择 Ruler Grid？
快速、轻量且直观——Ruler Grid 提供你分析网页布局所需的一切工具，让工作流程更高效，无需离开当前页面。