Magic Button

3 min read

The Magic button brings your static designs to life with a single click. It analyzes your canvas content and applies context-aware animations and styles automatically.

Magic button in the toolbar
The Magic button in the toolbar

What Does Magic Do?

Magic provides two powerful features:

Action Trigger Effect
Auto Animate Click Applies mood-based animations to all items
Remix Style Shift+Click Cycles through color palettes

Auto Animate (Click)

Clicking the Magic button applies animations based on a cycling mood system:

Mood Animation Style Example Effects
Calm Gentle, subtle movements Slow pulse, gentle float, soft fade
Professional Clean, precise motions Slide-in, smooth scale, crisp transitions
Energetic Dynamic, bold animations Bounce, elastic pop, rapid pulse

Each click advances to the next mood, cycling through Calm -> Professional -> Energetic -> Calm.

How It Works

  1. Magic analyzes your canvas content (text, shapes, images)
  2. It detects the current design mood and color scheme
  3. It selects appropriate animations from its knowledge base of 117+ real template designs
  4. Animations are applied to each item with staggered timing
Canvas after Magic is applied
Before and after applying Magic - items receive context-aware animations

Remix Style (Shift+Click)

Hold Shift and click the Magic button to cycle through color palettes without changing animations:

  • Each shift+click applies a new color scheme
  • Colors are selected to complement your design’s content
  • Text, shapes, and backgrounds all update together

Tip: Try combining both features: first click Magic to add animations, then Shift+Click to find the perfect color palette.

Finding the Magic Button

The Magic button appears in two locations:

  1. Left toolbar - The sparkle/wand icon labeled “Magic”
  2. Top toolbar - The Magic tools button for quick access

Tips for Best Results

  1. Add content first - Magic works best with at least 2-3 items on the canvas
  2. Try multiple clicks - Each click cycles to a new mood, so click through to find the perfect feel
  3. Use with templates - Load a template first, then use Magic to add custom animations
  4. Undo if needed - Press Ctrl+Z to undo Magic and try again
  5. Combine with keyframes - Magic-applied animations work alongside your custom keyframe animations

Related: Animations | Keyframe Editor | Templates