The Power of Templates

One of the more subtle aspects of Flow is our code template engine. It allows us to very easily update and maintain or create new export formats.

When we released our React export in December, it had taken us less than a week to produce, test, and ship it… Which is nuts, because our team is small and adding code export to a tool should be really really hard. For us, it’s not… and this is because of Flow’s amazing code template engine.

A few key releases from last year show what I mean:

1.5.1 (Jun 27): 2 templates
1.5.6 (Jul 17): 5 template (added 3 in a single month)
1.6.7 (Nov 5): 6 templates
1.6.8 (Dec 10): 8 templates
1.6.9 (Dec 20): 9 templates

At the beginning of 2019, we had 2 export options:

  • a solid iOS / Swift export, and
  • a terrible Web / CSS keyframes export.

By the end of 2019, we had:

  • iOS
  • iOS — Launch Animations
  • iOS — Onboarding Animation
  • iOS — Custom Button
  • HTML
  • HTML — Toggle Button
  • HTML — WebComponents
  • HTML — WebComponents Toggle Button
  • React — Toggle Button

Our team is small, so to be able to achieve this kind of production timeline is a very real testament to the power of Flow’s code template engine.

It’s easy for us to bring new export languages to Flow.

Flow Pro

We are working on a Pro version that will allow YOU to do this kind of thing as well.

So, you don’t like our export / programming style? That’s fine, you can modify a template to generate software exactly how you would have written it.

Do you need a language we don’t support? That’s fine, you’ll be able to write one yourself.

This is going to be a killer feature that truly puts Flow in a class of its own, so stay tuned.

Wait. What’s Flow?!?!

Great question.

Flow is a UI Animation and code export tool for animating Sketch files and eliminating the most painful parts of hand-off in app development. It bridges the gap between design and development by exporting production-ready native code for iOS and HTML.

Our Site

Get a Copy

Originally published at on January 3, 2020.

A new class of UI Animation software. Import from Sketch. Animate in Flow. Export production-ready code.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store