Ruler Grid por MDesign

Ruler Grid — um conjunto de ferramentas универсальный para designers e desenvolvedores front-end. O Ruler Grid ajuda a analisar e aprimorar o layout de qualquer site. Meça elementos, inspecione estilos, escolha cores e experimente o design — tudo diretamente no navegador.

Principais funcionalidades:
• Réguas e guias
Meça distâncias e alinhe elementos com alta precisão usando guias horizontais e verticais.

• Ferramenta conta-gotas
Capture qualquer cor ou gradiente da página e copie valores em HEX, RGB ou HSL.

• Inspetor de tipografia
Identifique instantaneamente fontes, tamanhos, peso e espaçamento entre linhas.

• Edição ao vivo de páginas
Altere textos, margens e o layout diretamente no site, sem abrir o DevTools padrão.

• Inspetor de CSS e estilos
Visualize estilos computados, propriedades CSS e classes Tailwind em um clique.

• Grades responsivas
Sobreponha grids de layout para verificar colunas, gutters e alinhamento em diferentes tamanhos de tela.

Por que o Ruler Grid?
Rápido, leve e intuitivo — o Ruler Grid oferece todas as ferramentas necessárias para analisar layouts e acelerar o fluxo de trabalho, sem precisar sair da página.