Plugin de accesibilidad para diseño en Figma
Detecta problemas de accesibilidad antes de escribir una sola línea de código. Selecciona una capa en Figma y obtén al instante comprobaciones de contraste WCAG y tamaño de destino, sin nada que subir y sin token de API.
Contraste de color
Cálculo de contraste WCAG AA/AAA con composición alfa para rellenos semitransparentes. Recorre los marcos superiores para encontrar el fondo real, con la misma fórmula que usa el analizador web.
Tamaño de destino (WCAG 2.5.8)
Marca los elementos interactivos (nodos con una reacción de clic o toque en el prototipo) que estén por debajo del mínimo de 24×24px.
Aún no está en el marketplace de Figma Community. El plugin funciona por completo, pero todavía no se ha publicado una ficha en el marketplace. Mientras tanto, instálalo desde el código fuente siguiendo los pasos a continuación.
Instalar desde el código fuente
- 1
Descarga el código fuente
Clona el repositorio de AccessiSight (o descarga la carpeta packages/figma-plugin) en tu computadora.
- 2
Abre el menú de desarrollo de plugins de Figma
En la aplicación de escritorio de Figma, ve a Menu → Plugins → Development → Import plugin from manifest…
- 3
Selecciona el manifiesto
Elige el archivo manifest.json dentro de la carpeta packages/figma-plugin que descargaste.
- 4
Ejecútalo sobre una selección
Selecciona cualquier capa de texto o interactiva en tu archivo, luego ejecuta AccessiSight desde Plugins → Development. Los problemas aparecen al instante a medida que cambias tu selección.
Preguntas frecuentes sobre el plugin de Figma
¿Quieres las mismas comprobaciones en un sitio web publicado?
Ejecuta un análisis completo (o rastrea un sitio entero) con la aplicación web completa.
Analizar un sitio web