Vision Accessibility Suite

About this plugin

Vision Accessibility Suite helps you design accessible experiences by simulating how people with visual impairments see your designs. Test for color blindness, age-related vision loss, and more.

How to use:

1. Quick Testing: Select any frame, group, or element in Figma
2. One-Click Simulation: Click a vision type button to instantly generate a preview frame
3. Live Preview Mode: Use Vision Lab for real-time simulation with adjustable severity controls
4. Fine-tune: Adjust severity sliders (0-100%) to test mild to severe conditions
5. Advanced: Try custom presets like "Aging Vision 80+" that combine multiple effects

What can it simulate:

1. Color Vision Deficiencies (8+ types including Deuteranomaly, the most common affecting ~6% of males)
2. Test if your colors, UI states, and data visualizations work for color blind users
3. Visual Field Defects - Central Vision Loss (Macular Degeneration), Peripheral Vision Loss (Glaucoma/Tunnel Vision)
4. Other Visual Impairments such as Blurred vision, Ghosting, Yellowing (cataracts), Loss of Contrast, Bright Light sensitivity

Two modes:

1. Generate Mode: Creates side-by-side comparison frames in your Figma file
2. Vision Lab: Live interactive preview with severity controls, presets, and zoom