Plugin de Acessibilidade para Design no Figma
Detecte problemas de acessibilidade antes mesmo de escrever uma linha de código. Selecione uma camada no Figma e obtenha verificações de contraste WCAG e tamanho de alvo instantaneamente, sem upload e sem token de API.
Contraste de Cor
Cálculo de contraste WCAG AA/AAA com composição alfa para preenchimentos semitransparentes. Percorre os frames pai para encontrar o plano de fundo real, usando a mesma fórmula do scanner web.
Tamanho de Alvo (WCAG 2.5.8)
Sinaliza elementos interativos (nós com uma reação de clique ou toque no protótipo) abaixo do mínimo de 24×24px.
Ainda não está no marketplace da Comunidade Figma. O plugin funciona totalmente, mas ainda não foi publicada uma listagem no marketplace. Enquanto isso, instale-o a partir do código-fonte seguindo as etapas abaixo.
Instalar a partir do código-fonte
- 1
Baixe o código-fonte
Clone o repositório do AccessiSight (ou baixe a pasta packages/figma-plugin) para o seu computador.
- 2
Abra o menu de desenvolvimento de plugins do Figma
No aplicativo desktop do Figma, acesse Menu → Plugins → Development → Import plugin from manifest…
- 3
Selecione o manifest
Escolha o arquivo manifest.json dentro da pasta packages/figma-plugin que você baixou.
- 4
Execute em uma seleção
Selecione qualquer camada de texto ou interativa em seu arquivo e execute o AccessiSight em Plugins → Development. Os problemas aparecem instantaneamente conforme você altera sua seleção.
Perguntas frequentes sobre o Plugin do Figma
Quer as mesmas verificações em um site em produção?
Execute uma análise completa (ou rastreie um site inteiro) com o aplicativo web completo.
Analisar um site