phase logo
Product
Learn
Support
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.

Start Animating

Explore Phase.