Accessibility View
Accessibility View is a Figma plugin for color contrast checks, vision simulation, and AI palettes
Plugin Preview
About this plugin
Accessibility View is a powerful Figma plugin designed to enhance accessibility in design workflows. Its core features include:Color Contrast Analysis: Instantly checks color combinations against WCAG AA and AAA standards, provides live contrast ratios, and allows interactive adjustments with immediate visual feedback.Vision Simulation: Simulates how designs appear to users with color vision deficiencies—such as protanopia, deuteranopia, tritanopia, and complete color blindness—through non-destructive overlays.Generates five saturated accent colors per hue pass, each meeting a chosen WCAG 2.1 text contrast target (AA/AAA × normal/large). It exposes dual palettes: one tuned for white theme and one for dark theme, using the same luminance contrast math as the rest of the plugin. Presets are centralized so the UI and main thread stay in sync.The plugin is built with TypeScript, uses the Figma Plugin API, and adopts modern tooling like Webpack and ESLint for development workflow and quality consistency.
Plugin Details
| Version | 3 |
|---|---|
| Created | July 1, 2025 |
| Last Updated | May 14, 2026 |
| Category | design-inspirations |
| Creator | Bruce Ng |
| Stats | 6 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:{"main": "./dist/ui.html", "color_pattern": "./dist/color-pattern.html", "color_contrast": "./dist/color-contrast.html", "vision_simulation": "./dist/vision_simulation.html"}
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://figma-proxy-rho.vercel.app
- https://foo6smk05k.execute-api.us-east-1.amazonaws.com/
More Like This
Discover other plugins in the design-inspirations category.