UX Animation for Designers

No. Coding. Required.

gradient Made with Flow.

Seamless translation from Sketch, Figma, and SVG to Flow in seconds

gradient Made with Flow.

Powerful, intuitive motion design with no learning curve

gradient Made with Flow.

Production-ready code with one click

I love using Flow for, it's so easy to create animations as a developer.

Josh Arnold – iOS Developer

We tried to ship something without Flow, only got about 70% of the vision and it took 4 days of dev time.

Mark Salpeter – CTO / Founder

For someone learning to animate for the first time it’s been really easy to get started.

Coleen Purdy – Principle Product Designer

Get started in seconds

Effortless import from Sketch, Figma, and SVG with the properties of all your shapes, images, text and more intact and ready to animate!

Flow + Webflow

Flow animations are easy to embed in your Webflow sites. Go on, click me to see.

Generate Lottie Files

Everyone loves a good Lottie file... amiright? Flow's Lottie export is yummers.

Code Devs will

Flow’s code export is excellent, easy to work with, and cutting-edge.

Production-Ready Code

Generate iOS, Web, Android, or React projects with files that are ready to ship.

APNG, GIF, Video, SVG Export

Generate all the media files, with dozens of format and export options to boot.

Sketch, Figma, SVG Import

Flow has tight integrations and plugins for the best design tools.

Motion for Designers

Designed by designers, for designers, Flow makes it so easy to get into motion.

Easy-to-Use Timeline

Drag it. Align it. Select it. Delete it. Flow's timeline feels like working in a design tool.

1/100s Precision

Adjust timing down to 1/100th of a second - that's actually called a centisecond.

Handoff for the 21c

Save your dev the insanity of working with file inspector tools. Give them clean code.

Custom Easing Curves

The 30+ standard curves Flow offers aren't enough? Then, go ahead and make your own!

Intuitive Motion Design

Forget steep learning curves in other tools. Simply move things to animate them.

100s of Editable Properties

Literally, all the properties you can animate in software you can animate in Flow.

Import in Seconds

Whichever tool you use, importing your designs is lighting fast

Buttons

Make buttons and export them as working components for iOS and the web.

Styles

Import your design, hit export, and we generate all the structure and styles for you.

Onboarding Animations

Create a multi-step animation and convert it to a working onboarding screen for iOS.

Launch Animations

Convert your gorgeous logo to an actual launch animation for your iOS app.

Sound Effects

Bring a bit of acoustic delight to your designs by dropping an audio file onto the timeline.

Preview in Reality

With a click of a button you can see your animation as live HTML, iOS, Android, or React.

Customizable Code Exports

YES. It's possible to have a custom export for your team. Just ask us how.

Motion design perfected

Create complex animations and interactive elements using layers and properties (not keyframes), an intuitive path editing interface & custom curve editor, and timline with 1/100s precision.

Great code...without coding!

Hand off code that works for your developers. Once you've saved your animations, export your work to Lottie, Swift, Web, Animated SVGS, and React with the simple push of a button. Shapes, images, text and more intact and ready to animate!

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 “”.