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.
AI Color Pattern Generation: Leverages AI to generate harmonious color palettes. Users can apply AI-generated schemes with one click and endlessly explore new combinations for improved design and accessibility
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 | 2 |
|---|---|
| Created | July 1, 2025 |
| Last Updated | August 11, 2025 |
| Category | design-inspirations |
| Creator | Bruce Ng |
| Stats | 1 installs, 1 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
More Like This
Discover other plugins in the design-inspirations category.