Sketch launches AutoLayout AI plugin for responsive components

Design · 5 min read

Sketch's AutoLayout AI inspects a design frame and proposes responsive rules—flex directions, wrap behavior, and constraint anchors—so a single master component yields mobile, tablet, and desktop variants automatically. Suggested rules are presented for quick acceptance or tweak.

The plugin also annotates spacing tokens and exports a companion JSON mapping of layout constraints that front-end engineers can use to generate CSS grid or Flexbox code. That export includes breakpoint rules and recommended token names to keep design-to-code handoffs synchronized.

Sketch seeded AutoLayout AI with a feedback loop: teams can correct proposals and send corrections to private model fine-tuning. The plugin supports both cloud-based model inference for heavy-lifting and a lightweight local mode for smaller projects.