On this page you’ll find information about Flow. But! You can also grab a copy of our press kit that contains copy, images, and links to videos.
This file and its accompanying resources are provided for press and reviewer purposes only.
Please request permission for other usage by contacting: email@example.com
Import Sketch Designs. Animate in Flow. Export Dev-ready Code.
Flow is a new class of motion design for mobile. Built for Designers and Developers, Flow lets you easily animate designs and generate production-ready code that a developer can use right away.
Flow is a motion-design tool for animating Sketch files and eliminating the most painful parts of hand-off. It bridges the gap between design and development by generating native code that can be directly incorporated into larger more complex projects by a developer.
Our focus on making Flow a production tool that exports code allows designers to have far more impact on the final product of development cycles. The simplified interface we have created is easy to learn and adopt.
As a designer, you can work in Sketch, animate in Flow and export production-ready code.
As a developer, you can customize the kind of code you need to make it easy to integrate into your already existing projects.
We wrote an article on Medium that outlined the main features of the Flow Alpha. You can access that article:
Here is a short list of the key features available in Flow.
Flow taps straight into a designer’s Sketch file. After creating a new project the user simply links to their Sketch file and chooses two artboards to animate between.
When designing for an animation, think of your artboards as states. Create two similar artboards like Menu Open and Menu Closed, then load them into Flow.
Flow automatically animates between two linked states. The user can open the transition and start editing the timelines, durations, and easing right away.
Our timeline gives you a powerful means for creating brilliant animations.
We have created a sophisticated code export system that allows you to generate views, controllers and even full Xcode projects. Currently, Flow exports Swift code.
For a full list, please see our official features page:
We have put together a set of simple tutorials that go through topics from preparing designs in Sketch, to swapping standard UIKit elements with those created in Flow.
To see our promo video, please visit: