A blurry image of a blue and white background

Design Tokens

Maintain design consistency with global variables, animate with precision using keyframe controls, and remove backgrounds instantly with AI.

Maintain design consistency with global variables, animate with precision using keyframe controls, and remove backgrounds instantly with AI.

Updated

Oct 8, 2025

Version

3.7.0

New Features

  • Variables System: Introduce design tokens for colors, spacing, typography, and effects. Update values globally and maintain consistency across your entire design system.

  • Advanced Animations Timeline: Frame-by-frame animation editor with keyframe controls, layer parenting, and animation presets. Export as CSS, Lottie, or video formats.

  • AI Background Remover: One-click background removal powered by machine learning. Works with complex images including hair, glass, and transparent objects.

Improvements

  • Added undo/redo history panel showing last 50 actions

  • Improved text wrapping for long words and URLs

  • Enhanced mobile breakpoint editor with device preview

Bug Fixes

  • Fixed memory leak when switching between large projects

  • Resolved issue with gradient stops not being editable

  • Corrected alignment guides appearing incorrectly at certain zoom levels

Create a free website with Framer, the website builder loved by startups, designers and agencies.