Flow

Animate Sketch designs and generate production-ready code.

#3 Product of the DayOctober 23, 2017

Built for designers and developers, Flow lets you easily animate designs and generate production-ready code that a developer can use right away. Import Sketch Designs. Make Animations. Export Dev-ready Code.

Around the web

Reviews

  • Pros: 

    Love the quality of code, and the workflow.

    Cons: 

    I know the beta was OS Sierra only, is the new version El Cap friendly?

    I've been anticipating this launch since the Alpha! I was in one of the beta groups several months back and really liked the product then, so I'm jacked to try it out now that it's launched. I've also been on their slack channel keeping tabs on their efforts to deliver a user-focused product that delivers results. This app will save designers a lot of time! I will say that the team building this product is an awesome group focused on users. Stoked to see it launch! Congrats.

    -T

    Tyler Michael Larson has used this product for one month.
  • Andy DentTouchgram founder, coder+martial artist
    Pros: 

    Very elegant & smart way to get animations with timeline editing . It's a deceptively deep product, watch properties as slide timeline.

    Cons: 

    Support for lots of scenarios and sharing standard values, editing curves, lots of room to improve but no code-generating competitors!

    I've been using it since the early alpha and just bought a copy now there's a paid release. It generates clean code for the fiddly business of animation so can save a huge amount of time fine-tuning code.

    Andy Dent has used this product for one year.

Discussion

You need to become a Contributor to join the discussion - Find out how.
Jimmy Reuterwall@jmy · CEO Oceans, Product Designer & Diver 🐳
Looks like a great product, any plans to export code for React Native?
Nicolás PrietoMaker@nicolas_prieto · Lead Designer @Flow
@jmy hey Jimmy, for sure! We're working on having multiple code export options in the near future!
carlos garcia@androidlove · Co-Founder, Internet Missionaries
Awesome product, just add HTML export and you've got my business! Embed the html in a webview and upload to App Store.... Your product is similar to Tummult Hype, but for apps instead of web.
Nicolás PrietoMaker@nicolas_prieto · Lead Designer @Flow
@androidlove hey Carlos, as mentioned we're working on HTML and other code export options. In reality we're building something a-ma-zing but I can't say much now.
Nicolás PrietoMaker@nicolas_prieto · Lead Designer @Flow
Hi! I'm Nicolas, from the Flow team. We're really excited to be on the Product Hunt Community – thanks to @graeme_fulton for the hunt. Last year we released an alpha, called C4 Studio, for which we received an amazing amount of feedback and enthusiasm. Since then, we have been working hard to bring our product to a stable-production ready version. Now, we've released our tool with a new user-interface, a new brand, and a load of new features that have strengthened it significantly since the initial alpha release in 2016. We consider Flow 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. Our Beta release recently happened, and we're very proud of it. Currently, our tool works with Sketch (to import files) and iOS / Xcode (as export). You can use Flow in a variety of different ways. Some people use it for quickly generating animations of of the Sketch files. Others use it to prototype motion – exporting to movies. While other people use it to generate real components that can be used in iOS applications. There are a few things on the horizon that we hope will become part of V1.0... For example, exporting to multiple languages (e.g. HTML) is a major milestone we're currently working on. We'll announce other features as they come up. We've been developing Flow as a designer's tool, and would really like to find small teams of des/devs so that we can improve it for the developer's experience. We'd love to hear from you. Join us on Slack: http://join-createwithflow.herok... Or, email us at: info@creatwithflow.com Currently, we're offering Flow on a PWYW (pay what you want) pricing model. It will be PWYW until we release V1.0 sometime next year. ❤
Graeme FultonHunter@graeme_fulton · Making Email Otter 🐭
@creatwithflow @nicolas_prieto Great, thanks for summarising where you're at – that's an epic journey, congrats on the rebrand and beta release !
Matt Proto@mattproto · Designer, Pixel Pusher
Looks like exactly what Principle should have done. Animation then export to code. Awesome job
Al Poolman@alpooly · Product @ Shazam
Great welcome video on the Flow website!
Graeme FultonHunter@graeme_fulton · Making Email Otter 🐭
@alpooly hah it's funny! Wish it was on YouTube so we could add to the PH gallery 🙃
Nicolás PrietoMaker@nicolas_prieto · Lead Designer @Flow
Hey @graeme_fulton, @alpooly We just uploaded that vid to Youtube. You can have a look:
Graeme FultonHunter@graeme_fulton · Making Email Otter 🐭
@alpooly @nicolas_prieto Nice 👌🏽 I just added it to the gallery - are you one of the makers Nicolás? I can add you as a maker, or whoever it may be 😂 - - just added you
Nicolás PrietoMaker@nicolas_prieto · Lead Designer @Flow
@alpooly @graeme_fulton Haha I am, thanks!