Figma’s Auto-Contrast 3.0 Adds Motion-Safety Checks and Inclusive Motion Guidelines

Design · 4 min read

Figma released Auto-Contrast 3.0, which pairs its existing color contrast automation with motion-safety diagnostics and an Inclusive Motion Guidelines panel for design systems. The motion module detects UI patterns that may trigger vestibular disorders (like parallax or continuous background movement) and flags them alongside suggestions for safer alternatives.

Design systems can attach a 'motion intent' attribute to components, signaling whether motion is decorative, informational, or essential. Figma’s plugin then auto-suggests reduced-motion variants and generates CSS prefers-reduced-motion fallbacks or composable tokens for designers to include in component libraries.

The Inclusive Motion Guidelines go beyond toggles — they show trade-offs (e.g., animation duration versus clarity), propose accessible easing curves, and recommend focal anchoring for animated elements. Figma is also launching a community kit of motion-safe components and tokens to help teams bootstrap inclusive motion approaches.