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.
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.
A reference for all animatable properties and, where possible, to which platforms they can be exported.
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.
Export your Flow Animations to IOS, HTML, SVG, APNG, MOV, all included assets and production ready code.
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.
Understanding the Xcode Project for Custom Buttons
Learn the structure of a custom button Xcode project.
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.
SVG Import Compatibility
This document outlines the SVG elements and features that Flow will import.
The most up-to-date list of properties that Flow exports (and soon will) to Lottie.
Integrate an Animation using Lottie on iOS
Learn how to integrate a Lottie animation, exported from Flow, into your iOS project.
Animated SVG Compatibility
The most up-to-date list of properties that Flow exports (and soon will) to Animated SVG files.
Making a Web Export Respond to Mouse Hovers
Learn how to modify Flow's toggle button export to use mouse hovers instead of clicks.