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.
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.
Easing Curve Window
Add flavour to your animations by learning how to work with the easing curve window.
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.
Export Flow to iOS Code
Learn about how we export Flow to iOS code using a balanced blend of UIView and Core Animation.
HTML Export Structure
Learn how and why we export your Flow animation to HTML using web standard CSS3 and SVG animations.
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.
Export your Flow Animations to IOS, HTML, SVG, APNG, MOV, all included assets and production ready code.
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.
A reference for all animatable properties and, where possible, to which platforms they can be exported.
Understanding the Xcode Project for Launch Animations
Learn the structure of a launch animation Xcode project.
Understanding the Xcode Project for Onboarding Animations
Learn the structure of an onboarding animation Xcode project.