Aulys Figma Plugin
Design accessible interfaces from day one. Scan frames, visualize violations, and auto-fix contrast issues directly in Figma.
Overview
The Aulys Figma Plugin acts as your "Accessibility Companion" during the design phase. It allows you to scan frames for accessibility issues (contrast, spacing, etc.), visualize them with overlays, and apply auto-fixes.
Auto-Fix Logic
AI-powered suggestions that automatically adjust colors to meet AA or AAA contrast ratios without breaking your design system.
Micro-Education
Learn why an element failed. We provide context and WCAG references so you improve your skills over time.
Core Features
- Real-time Scanning: Select any frame and get instant feedback.
- Contrast Checker: Validates text against background colors.
- Touch Targets: Ensures buttons are at least 44x44px.
- Order & Heading Hierarchy: Visualizes the tab order of your design.
- Simulation: Preview your design through Color Blindness filters.
Getting Started
- Install the plugin from the Figma Community.
- Open your Figma file and run "Aulys" from the Plugins menu (or press `Cmd+/` and type "Aulys").
- Select a Frame you want to check.
- Click "Scan Selection".
- Review the list of issues and click "Auto-Fix" where available.