Flow is a Developer Tool

Flow aims to bridge the gap between design and development, and to do so Flow needs to be both a design and a development tool.

“Handoff” is Pasée

It’s our philosophy that next generation design and development tools need to integrate tightly with one another. It’s time to make design/developer “handoff” a thing of the past. Designers shouldn’t have to spend hours outlining the details of their work. Neither should developers be burdened with the task of decipering the timing of complex animations. Instead, the tools you use should communicate easily with one another.

This is why we built Flow.

To get Flow to speak to any dev tool, or programming environment, we needed a way to make sure that the export options were flexible, easy to maintain, and able to generate anything.

This is why we built Flood.

Introducing Flood

Flood is the code generation engine which allows Flow to export layouts and animation code to any lanuage, any style and any development environment. This includes exporting text files, images, audio files, source code, binary files, you name it!

With Flood, you can export layouts and animations to ANY lanuage, ANY style and ANY development environment. You basically show Flood how you write code and it will pump it out to your exact liking.

Read this introduction to learn how just how powerful Flood really is.

Language Guide

Flood is a new programming language for creating templates (i.e. export options) that can be used with Flow. Writing new templates is how we implement new export options for Flow.

Read this guide to learn how to write Flood code so you can create and customize your own export options.


The Flood API contains all the essential resources and functionality developers need to write templates for Flood.

Read through the API to see what you have at your fingertips to truly bridge the gap.

By the way. The API might blow your mind when you realize how much time is saves you won’t have to “recreate designs from scratch anymore”. If that’s the case, then definitely give me a fist bump

Flow Templates

We’ve open sourced the templates that ship with Flow. If you have some ideas on how we can make them better, or you want to fork our templates and modify them to your specs, then have a look at our repo!

Flow Common for iOS

When you export a Flow project to iOS Swift, we include a set of helper classes and extensions that extend the native functionality of iOS UI classes.

Check out our open source repo for the iOS version of FlowCommon.

background Made with Flow.
underscore Made with Flow.
line2 Made with Flow.
line1 Made with Flow.
circle Made with Flow.
hit Made with Flow.

result(s) found for “”.