---
url: "/pt/pixelay/overview/quickstart.md"
description: "Compare e faça o QA visual dos seus designs do Figma com URLs de sites reais usando sobreposições inteligentes."
---

# Primeiros passos com o Pixelay

> Compare e faça o QA visual dos seus designs do Figma com URLs de sites reais usando sobreposições inteligentes.

[![Plugin Pixelay para Figma](https://www.hypermatic.com/pixelay.jpg)](https://www.figma.com/community/plugin/816424186244407164/pixelay-compare-design-to-web)

## Instalar e ativar o Pixelay

- [Instalar e executar o plugin para Figma](/pt/pixelay/overview/install.md): Como executar o Pixelay dentro do Figma
- [Ativar o Pixelay Pro](/pt/pixelay/overview/pro.md): Como comprar e usar uma chave de licença Pro

## Usar o Pixelay

  - [Documentação do Pixelay](/pt/pixelay/upload-designs.md): Documentação detalhada com gravações de tela curtas
  - [Vídeos tutoriais do Pixelay](/pixelay/tutorials.md): Vídeos completos com o passo a passo

## Perguntas frequentes

- [Solução de problemas do Pixelay](/pt/pixelay/faq/troubleshooting.md): Problemas comuns que você pode encontrar
- [Segurança do Pixelay](/pt/pixelay/faq/security.md): Detalhes sobre como o Pixelay funciona
- [Recibos](/pt/faq/receipts.md): Encontre recibos por e-mail e faturas em PDF
- [Cobrança](/pt/faq/billing.md): Gerencie sua assinatura Pro
- [Gerenciar os assentos da licença](/pt/faq/seats.md): Gerencie os usuários do Figma na sua chave
- [Pixelay grátis e Pro](/pt/pixelay/faq/plans.md): Compare os recursos grátis e Pro

[Video](https://www.hypermatic.com/assets/videos/pixelay/PIXELAY_DEMO.mp4)

## Recursos do Pixelay

- Compare vários designs do Figma e várias URLs ao mesmo tempo.
- Funciona tanto no modo Design do Figma quanto no Dev Mode, inclusive em fluxos de QA com assentos Dev.
- É necessária uma [extensão do Chrome](https://chrome.google.com/webstore/detail/pixelay-for-figma/gnbafbeabkbkecmbedfgebgboicpnkpp) leve para comparar várias páginas de uma vez.
- Compare os designs do Figma com o site implementado durante o QA visual.
- Teste seus designs responsivos, com suporte a vários tamanhos de tela (por exemplo, desktop/mobile/tablet).
- Alterne entre várias URLs de desenvolvimento, teste e produção.
- Sobreposições de transparência, tela dividida, alternância, arrastar e diferença.
- Se quiser, defina URLs de página do site diferentes para cada frame do Figma.
- Compatível com localhost via BrowserSync ou hot module reloading.
- Régua de pixels integrada para medir diferenças de espaçamento nas comparações.
- Meça e revise as diferenças visuais entre o Figma e o site.