Flow Docs

Getting Started with Flow

New to animating in Flow? Start here and learn how to import Sketch files, animate them in Flow and export production-ready code.

Setup Your Sketch File Hierarchies For Animation

Learn how Flow automatically creates animations between two Sketch artboards on import if they are setup with the correct file hierarchies.

Importing from Figma

Learn how to import your Figma designs into Flow. This doc will show you how to link Flow to your Figma account and install our plugin to help with importing.

Import and Animate Sketch Files

Learn how to import and animate Sketch files using two artboards to represent the start and end states of the animation.

Working with Layers

Every element of your animation has its own layer. Learn to work with layers, and all the layer properties to animate your Sketch designs.

Working with Shapes

Shapes typically make up the majority of the elements in a Flow animation. Learn to work with shapes and shape properties within Flow to achieve your perfect animation.

Working with Text

Learn to work with and how well Flow handles text. There are a few key points to learn to deal with the discrepancies of export.

Path Editing Beta

Learn what works, and doesn't, in our pre-release Path Editing MVP.

Timelines and Keyvalues

Learn all about the timeline and keyvalues, and how to use them.

Copying Keyvalues, Tracks and Animations

Learn how to duplicate keyvalues, tracks and animations across timelines and Flow files.

Easing Curve Window

Add flavour to your animations by learning how to work with the easing curve window.

Animatable Properties

A reference for all animatable properties and, where possible, to which platforms they can be exported.

Key Concepts for Launch Animations

Learn key concepts for creating great iOS launch animations.

The Player & Driver

The Driver and Player files are responsible for animating your work on the web. This doc teaches you how they are structured and how to work with them.