Back to Plugins
Mapa de Acessibilidade

Mapa de Acessibilidade

Do design ao código, sem perder a acessibilidade no caminho

Plugin Preview

Mapa de Acessibilidade preview

About this plugin

Documente a acessibilidade das suas telas dentro do Figma — e leve essa documentação até quem programa.O Mapa de Acessibilidade transforma uma tela do Figma em uma especificação de acessibilidade legível: ordem de leitura, papel de cada elemento, nome acessível, nível de cabeçalho, landmark e o anúncio esperado por um leitor de tela.Como funcionaEscaneie a tela. Selecione um frame, componente ou instância. O plugin detecta os elementos e propõe uma ordem de leitura.Revise a especificação. Ajuste papel, nome acessível e observações. Alertas apontam problemas comuns, como contraste insuficiente e imagem sem descrição.Gere o mapa no canvas. Um relatório visual fica ao lado da tela, pronto para handoff — e exportável em Markdown.Anotações nativas do Figma (Dev Mode e IA)Com um clique, a especificação vira anotação nativa do Figma, ancorada em cada elemento:Quem abre o Dev Mode vê a especificação no painel de anotações, junto do elemento.Ferramentas de IA conectadas pelo MCP oficial do Figma recebem esse conteúdo no atributo data-accessibility-annotations, junto do código gerado — sem ninguém precisar copiar nada.Sincronizar de novo atualiza as anotações existentes, sem duplicar.Inventário do arquivoUm quadro de progresso mostra quais telas do arquivo já foram documentadas, quais estão em andamento e quais foram concluídas, com busca e navegação direta entre páginas.PrivacidadeO plugin não acessa a rede. O manifesto declara networkAccess: none. Nada do seu arquivo sai do Figma.As especificações são gravadas no próprio arquivo (sharedPluginData) e viajam com ele.O plugin pede a permissão currentuser para registrar o nome de quem marcou uma tela como revisada — é o único uso, e essa informação fica dentro do seu arquivo.IdiomasInterface, relatórios e anotações em português, inglês e espanhol.GratuitoUso livre. Se o plugin te ajudou, há uma chave Pix na Central de Ajuda para apoiar a manutenção — inteiramente opcional. Sugestões e bugs pelo formulário na mesma tela.Description (EN)Document your screens' accessibility inside Figma — and carry that documentation through to the people who build it.Mapa de Acessibilidade turns a Figma screen into a readable accessibility spec: reading order, each element's role, accessible name, heading level, landmark, and the announcement a screen reader is expected to make.How it works: scan a frame, review the spec (alerts flag common issues like low contrast and undescribed images), then generate a visual report on the canvas — also exportable as Markdown.Figma native annotations (Dev Mode & AI): one click turns the spec into native Figma annotations anchored to each element. Anyone in Dev Mode sees it in the annotations panel. AI tools connected through Figma's official MCP receive the same content in the data-accessibility-annotations attribute alongside generated code — no manual copying. Re-syncing updates existing annotations instead of duplicating them.Privacy: the plugin makes no network requests (networkAccess: none). Specs are stored in the file itself and travel with it. The currentuser permission is used for one thing only: recording who marked a screen as reviewed.Languages: Portuguese, English and Spanish. Free to use.Descripción (ES)Documente la accesibilidad de sus pantallas dentro de Figma — y lleve esa documentación hasta quien programa.Mapa de Acessibilidade convierte una pantalla de Figma en una especificación de accesibilidad legible: orden de lectura, rol de cada elemento, nombre accesible, nivel de encabezado, landmark y el anuncio esperado de un lector de pantalla.Cómo funciona: escanee una pantalla, revise la especificación (las alertas señalan problemas comunes, como contraste insuficiente e imágenes sin descripción) y genere el informe visual en el lienzo — también exportable en Markdown.Anotaciones nativas de Figma (Dev Mode e IA): con un clic, la especificación se convierte en anotaciones nativas de Figma ancladas a cada elemento. Quien abre el Dev Mode las ve en el panel de anotaciones. Las herramientas de IA conectadas mediante el MCP oficial de Figma reciben ese contenido en el atributo data-accessibility-annotations junto al código generado, sin copia manual. Sincronizar de nuevo actualiza las anotaciones existentes, sin duplicarlas.Privacidad: el plugin no accede a la red (networkAccess: none). Las especificaciones se guardan en el propio archivo y viajan con él. El permiso currentuser se usa solo para registrar quién marcó una pantalla como revisada.Idiomas: portugués, inglés y español. Gratuito.

Plugin Details

Version4
CreatedSeptember 4, 2026
Last UpdatedSeptember 21, 2026
CategoryAccessibility tools
CreatorRenato Silvestre
Stats15 installs, 14 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none