Design vs Animate Mode

This article is out of date! Find the new version here.

The Rive Editor has two distinct modes, Design and Animate. As you switch between modes, the interface changes to show the appropriate tools and options.

Design Mode

Use Design Mode to prepare your graphics for animation. This is where you can design your own graphics with Rive's tools, import graphics from other software, or rig your graphics with bones, transform spaces, and constraints.

Design Mode

Design Mode is the default mode for any file that doesn't have any animations created. The mode exists because Rive allows you to attach multiple animations to a single artboard, so you need a place to set up and create those graphics.

Animate Mode

Use Animate Mode to create all of the animations and state machines for your artboard.

Animate Mode

When you switch to Animate Mode, the UI updates to display a timeline with a list of animations for the currently active artboard. The Inspector also updates to show key buttons next to any property that can be animated.