Learn

Tutorials

Learn How to Create Animations in Under 10 Minutes.

Getting Started

Getting Started

Get to know the new animation tool for designers.

Shapes

Shapes

The building blocks of any design and animation.

Paths

Paths

Versatile and simple-to-create shapes that include lines, curves, and polygons.

Containers

Containers

Group multiple objects or shapes together for easy manipulation and animation.

Animation

Animation

Choose a point on the timeline, edit, and let Phase handle the rest.

Easing

Easing

Different Easing types to bring nuances to animations.

Masks

Masks

Hide parts of a design non-destructively for easy editing.

Boolean

Boolean

Create complex shapes by combining or adjusting existing ones.

Trim Path

Trim Path

Enhance movement in motion graphics and vector animations.

Origin

Origin

Set the pivot point for any movement of a shape on the canvas.

Dashboard

Dashboard

Manage files, projects, teams, and preferences.

Import

Import

Import from Figma, Illustrator, as well as files in SVG and Lottie formats.

Export

Export

Share animations as GIFs, MP4s, or Lottie files.

Properties

Properties

Adjust and control element settings.

Collaboration

Collaboration

Enable quick feedback, diverse views, and faster progress.

Motion Handoff

Motion Handoff

A seamless designer-to-engineer transition.

Motion Paths

Motion Paths

Motion paths are predefined trajectories that elements trace during animation.

Text

Text

Typography brings form and function to content, making it both readable and visually appealing.

Shortcuts

Shortcuts

Design Faster

Start Animating

Explore Phase.