extensoes-para-teste-web.md

layout
title description tableOfContents outline pagination visible true visible visible true visible true visible true

⚙️ Extensões para Teste Web

{% hint style="info" %} Plugins: Plugins são extensões ou complementos de software que adicionam funcionalidades extras a um programa principal. Eles permitem que você personalize e expanda o software base sem precisar alterar seu código-fonte. {% endhint %}

Extensões

As Extensões questão são usados para fazer medidas, ver cores, comparativos para com o Figma.

Role	Capabilities
Screen Ruler	Meça tamanhos, distâncias, margens e preenchimentos de qualquer elemento em qualquer página da web.
Measure Everything	Measure Everything é uma ferramenta poderosa para medir distâncias entre elementos DOM em uma página da web. Basta clicar em um elemento e, em seguida, passar o ponteiro do mouse sobre outro elemento para obter medições de distância instantâneas. Você precisa ativar a extensão clicando em seu ícone antes de usá-la ou pressionando a tecla de atalho Alt+Shift+M. Considere fixar o ícone desta extensão para facilitar o uso.
Web Developer	Adiciona um botão na barra de ferramentas com diversas ferramentas para desenvolvedores web.
Grid Ruler	Crie grades e meça suas distâncias facilmente, criando uma régua.
SVG Export	SVG Export é uma ótima ferramenta que busca SVGs em sites e permite que você os exporte rapidamente como PNGs, JPEGs ou SVGs com facilidade. Recursos - Exportação em massa - Exportar como PNG, JPEG ou SVG - Redimensionar imagens - Copiar SVGs para Sketch, Figma ou Framer - Inserir estilos e cores importantes que são aplicados com css - Incorpora nós vinculados de outras partes do site Isso é ótimo para designers e desenvolvedores que desejam extrair SVGs de sites sem ter que mergulhar no código-fonte.
Gridman	Capaz de pegar: Tag, Id, Class, Pixels, Réguas, etc.
ColorZilla	Conta-gotas avançado, seletor de cores, gerador de gradiente e outros recursos coloridos.
VisBug	Extensão para teste web, tem como recurso mudar objetos da pagina de lugar
HTML para Figma	Te ajuda a importar paginas ao figma usar com:https://www.figma.com/community/plugin/747985167520967365/builder-io-ai-powered-figma-to-code-react-vue-tailwind-more
Sider: ChatGPT Sidebar	IA para Navegador