Vision Accessibility Suite

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:

Quick Testing: Select any frame, group, or element in FigmaOne-Click Simulation: Click a vision type button to instantly generate a preview frameLive Preview Mode: Use Vision Lab for real-time simulation with adjustable severity controlsFine-tune: Adjust severity sliders (0-100%) to test mild to severe conditionsAdvanced: Try custom presets like "Aging Vision 80+" that combine multiple effectsWhat can it simulate:

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

Generate Mode: Creates side-by-side comparison frames in your Figma fileVision Lab: Live interactive preview with severity controls, presets, and zoom