Framer ships Generative Grid: automatic layouts that respect accessibility rules

Design · 4 min read

Framer's latest feature, Generative Grid, analyzes a page's components and proposes multiple reflowed layouts that maintain semantic order and WCAG contrast requirements. Designers select a layout variant to apply, and Framer maps components into responsive containers while preserving interactive behaviors and tab order.

Generative Grid also tags areas that might need human review, such as complex bespoke components or copy-heavy modules. The goal is to reduce repetitive work in reflowing designs across devices while keeping accessibility checks baked into the process rather than as a final QA step.

Framer said the model that powers Generative Grid was trained on annotated design patterns and accessibility rules and includes a "strictness" toggle for teams that must meet regulatory standards. Early users praised the time saved on repetitive layout tasks but urged product teams to keep human oversight for nuanced UX decisions.