Figma ships FigFrame: vector motion, auto-layout animations, and AI layout assistant

Design · 5 min read

FigFrame brings native vector animation controls to Figma's canvas, enabling designers to keyframe paths, strokes, and fills without switching to external tools. The update also extends auto-layout with smart transition presets that can be applied to lists, cards, and responsive grids, reducing the manual work of crafting micro-interactions.

A built-in AI layout assistant analyzes a selected frame and suggests animation patterns and easing curves that suit the content and platform. Designers can accept full recommendations, tweak parameters, or extract motion tokens for use in design systems. The assistant also generates short, shareable previews optimized for handoff to engineers.

Figma emphasized collaboration features: developers can inspect generated motion tokens and get ready-to-run snippets for CSS, Swift, and Jetpack Compose. The company said FigFrame will be available to paid teams immediately, with a limited free tier for personal projects.