Ir para o conteúdo principal

Seu verificador de acessibilidade com IA, na sua tela

Auditar taxas de contraste, legibilidade de texto, áreas de toque e problemas de daltonismo com IA, direto no Figma Design. Detecte os problemas antes do handoff, não depois do lançamento.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Auditorias de acessibilidade que se adaptam ao seu fluxo de trabalho

O agente do Figma revisa seus designs reais na tela, sinalizando os problemas onde você pode corrigi-los imediatamente.

Tela do Figma mostrando um design gerado por IA sendo exploradoTela do Figma mostrando um design gerado por IA sendo explorado

Detecte problemas antes que eles sejam publicados

O agente do Figma analisa seus designs em busca de falhas de contraste, áreas de toque pequenas, labels ausentes e combinações de cores que não funcionam para usuários com daltonismo, então você detecta os problemas logo, não no controle de qualidade.

Painel do agente de IA do Figma mostrando uma edição em massa aplicada a um designPainel do agente de IA do Figma mostrando uma edição em massa aplicada a um design

Elimine o trabalho repetitivo de auditoria, fique no fluxo

Delegue a revisão repetitiva — escanear cada botão, cada camada de texto, cada combinação de cor — e mantenha sua atenção em resolver os problemas que mais importam para seus usuários.

Painel do agente de IA do Figma mostrando comentários da equipe sintetizados em um designPainel do agente de IA do Figma mostrando comentários da equipe sintetizados em um design

Mantenha toda a sua equipe alinhada

O feedback de acessibilidade fica no mesmo arquivo em que sua equipe trabalha, então os desenvolvedores veem exatamente o que precisa ser corrigido e os designers podem resolver os problemas antes do handoff.

Os recursos por trás da auditoria

Um olhar mais atento sobre o que diferencia o agente do Figma, construído para o modo como as equipes de design realmente trabalham.

  • Captura de tela mostrando o agente de IA do Figma conectado a uma biblioteca de componentes, aplicando automaticamente tokens de marca a um designCaptura de tela mostrando o agente de IA do Figma conectado a uma biblioteca de componentes, aplicando automaticamente tokens de marca a um design

    Auditar contra sua biblioteca

    Revise os componentes do seu sistema de design em busca de problemas de acessibilidade, para que as correções se propaguem para todos os lugares onde aquele componente é usado.

  • Captura de tela de vários prompts de design com IA sendo executados simultaneamente no FigmaCaptura de tela de vários prompts de design com IA sendo executados simultaneamente no Figma

    Execute verificações em paralelo

    Audite vários frames ou fluxos ao mesmo tempo: tenha uma visão completa da acessibilidade em todo o seu arquivo sem esperar.

  • Captura de tela de uma thread de conversa de IA do Figma compartilhada com comentários de designCaptura de tela de uma thread de conversa de IA do Figma compartilhada com comentários de design

    Threads compartilháveis

    Compartilhe uma thread de auditoria e sua equipe vê o contexto completo, os problemas sinalizados e as correções aplicadas. Sem precisar de um relatório separado.

  • Captura de tela mostrando opções de habilidades do agente de IA do Figma para automatizar fluxos de trabalho de designCaptura de tela mostrando opções de habilidades do agente de IA do Figma para automatizar fluxos de trabalho de design

    Refine com prompts adicionais

    Peça uma análise mais profunda sobre problemas específicos, solicite soluções alternativas ou reduza o escopo da auditoria com outro prompt.

O agente do Figma parece uma extensão natural da minha mão. Eu faço a ideação dos meus designs na tela, e agora o agente leva o trabalho até o fim. Com minhas bibliotecas de design conectadas, consigo ir do design ao código mais rápido do que nunca.

Andy Madrick
Product Designer na Notion

Logotipo do Notion

Comece com o agente do Figma

  • Selecione o que auditar

    Abra seu arquivo no Figma Design e selecione o frame, componente ou tela que você quer revisar quanto à acessibilidade.

  • Solicite a auditoria

    Diga ao agente o que verificar: taxas de contraste, tamanhos de área de toque, simulação de daltonismo, ou peça uma revisão geral de acessibilidade.

  • Revise os achados

    O agente sinaliza os problemas direto na sua tela com indicações específicas. Resolva ali mesmo ou peça correções sugeridas.

  • Continue refinando

    Execute verificações adicionais depois de fazer alterações, ou audite mais telas. Tudo continua no seu arquivo como referência para a equipe.

Torne-se um especialista no agente

  • O agente de design do Figma já chegou

    Veja o agente de IA do Figma em ação e descubra como aplicá-lo nos seus próprios fluxos de trabalho.

    Saiba mais
  • Tela de introdução do playground do agente do Figma com um botão 'Começar' e um exemplo de prompt de chat: 'Ei Figma, você pode criar diferentes layouts para meu aplicativo de leitura?'Tela de introdução do playground do agente do Figma com um botão 'Começar' e um exemplo de prompt de chat: 'Ei Figma, você pode criar diferentes layouts para meu aplicativo de leitura?'

    Trabalhe com o agente do Figma

    Um ambiente prático para explorar as capacidades do agente do Figma — de edições em massa à implementação de comentários — com orientação passo a passo integrada.

    Começar
  • Como usar o agente do Figma nos seus fluxos de trabalho de design

    Aprenda a usar o agente do Figma nos seus fluxos de trabalho de design com um tutorial passo a passo da equipe do Figma.

    Ver agora

FAQ

Um verificador de acessibilidade com IA analisa automaticamente designs ou interfaces em busca de problemas que podem afetar usuários com deficiência, como texto com pouco contraste, áreas de toque pequenas ou combinações de cores que não funcionam para usuários com daltonismo. O agente do Figma faz essas verificações direto na sua tela, sinalizando os problemas onde você pode corrigi-los imediatamente em vez de descobri-los mais tarde no desenvolvimento.

O agente do Figma pode identificar falhas de taxa de contraste segundo as diretrizes WCAG, texto que pode ser pequeno demais para ler bem, áreas de toque abaixo dos tamanhos recomendados e combinações de cores que geram problemas para diferentes tipos de daltonismo. Ele também pode sinalizar a falta de estrutura na qual os leitores de tela se apoiam. Embora a IA detecte muitos problemas comuns, a revisão manual continua valiosa para questões de acessibilidade que dependem de contexto.

No Figma Design, selecione o frame ou a tela que você quer auditar e abra o agente na barra lateral esquerda ou pressione CMD + Enter. Descreva o que você quer verificar — contraste, áreas de toque, daltonismo — ou peça uma revisão geral de acessibilidade. O agente sinaliza os problemas direto na sua tela com orientação sobre como resolvê-los.

Verificadores de acessibilidade com IA são eficazes para detectar problemas quantificáveis, como taxas de contraste e tamanhos mínimos, onde as diretrizes oferecem limites claros. São menos confiáveis para questões contextuais que exigem julgamento humano, como se um texto alternativo é realmente útil ou se a navegação é lógica. O agente do Figma ajuda a detectar os problemas mensuráveis logo, mas combinar auditorias de IA com revisão manual dá o quadro mais completo.

O agente do Figma está disponível em todos os planos pagos do Figma. Você encontra na barra lateral esquerda do Figma Design. Durante o beta aberto atual, ele não consome créditos de IA — então é um bom momento para explorar, experimentar e compartilhar seu feedback com a gente.