Released Apr 1, 2020 |
Over the last few weeks Jeremie and Owen have been working hard on tuning up our Lottie and Animated SVG exports. Today, we’re officially releasing them and it’s a great milestone for us.
Updated to include images and text, our Lottie export is now competitive with the likes of Haiku and AE.
Animated SVG 1.0
At very, very long last. Here we have an updated export for Animated SVGs, which can produce lovely, lovely files for you to drop into your web projects.
We added a small touch to Flow, making it easer to select the Scene.
Released Mar 24, 2020 |
The name’s SVG. Animated SVG. We’re getting close to a solid release of an animated SVG file export. As we did with Lottie, we’re releasing the beta today in anticipation of making it better over the next two weeks.
Animated SVG (Beta)
Last year we created a… let’s call it an ultra-alpha version of SVG export. Over the last few weeks, the industrious team of Jeremie Benhamron and Owen Delisle have been refactoring and updating it to a releasable format. Here it goes…
In support of SVG export, we needed to add a few tiny, nice… nice and tiny… features to Flow.
Just a little more Lottie.
Released Mar 16, 2020 |
Oh, my, this is a great one. Flow now exports to Lottie! This opens up a great opportunity for everyone who wants to get into UI Animation, but doesn’t want to learn the impossible interface of After Effects.
We’ve released the first version of our Lottie export, as a beta, because it currently only handles shapes and groups. So, you can make some great animations, but will have to wait for our official release to get text and images as well.
We also fixed a few things.
Released Feb 14, 2020 |
When we updated GIF export, we added a tiny regression into PNG export. Now, we’re undoing that nonsense.
Bringing Back Transparency
We regressed PNG export.
Released Feb 10, 2020 |
… jumped over the lazy release.
A lovely user tried Flow again, only to find that our latest dl (that we released this morning) was crashing. Turns out it was a bug that happens only for people who are downloading Flow, and that haven’t auto-updated before. A bit of an obscure bug and one that slipped through the cracks.
We also pushed a nice little update that makes snapping, of layers on the main stage, just a bit more lovely.
Released Feb 10, 2020 |
Ok. Two things in this release: a major fix for GIF export and the extermination of many, many bugs.
We have some really exciting announcements coming soon, and to effectively release them we needed to overhaul GIF export.
The majority of this release focused on terminating a lot of bugs that our lovely users reported, and a bunch we found ourselves.
Released Dec 20, 2019 |
Oh, please do take the time to read this release. Flow now comes with a REACT template! You can now export a button, as a react component that is backed by the HTML WebComponent infrastructure from our previous release.
New Export Options (incl. REACT!)
A new React template, new HTML WebComponent template, and all the fixin’s needed to make them work.
A tiny fix for something we took away.
A good handful of bugs crept up and we’ve done some necessary house cleaning.
A very major performance increase.
A long overdue and very lovely feature – you can click on an image’s property panel preview to change it, and Flow will add keyvalues and animate between them.
Released Dec 10, 2019 |
We’re working towards some awesome new export formats, and to get us there we’ve created a new approach for exporting to HTML. You’ll now have an extra option for exporting HTML buttons, using a WebComponents approach. We’ve also added some insanely great performance improvements.
HTML Button with WebComponents
This is a, say it with me, loooooooovely new way to work with buttons in HTML pages. Now, you can embed your buttons with a, yes… say it with me, SINGLE LINE OF CODE.
A necessary change. This approach allows you to generate files straight into your folder of choice, and passes the power to create folders to the template.
Web Template Improvements
With the WebCompoents approach, we needed to update how we generally export code for SVG, HTML, etc.
Always and forever, Jeremie makes things better and better.
Released Nov 5, 2019 |
Here is a new release that makes Flow a lot faster than it was yesterday.
HTML Button Template
With this release comes a new HTML Button template!
There were a few hard crashes that we crushes.
We went to town on making things faster.
In order to get ready for the path manipulation feature we are planning we needed to completely refactor stage.
Released Oct 9, 2019 |
Another beautiful release in our series on catching up with Catalina.
We broke it. And, now we fixed it.
Released Oct 8, 2019 |
Well, we got past the buckshot of releases last week, and are now updating Flow with a bit more chutzpah.
Nasty Bugs + Crashes
We’ve crushed a lot of tiny critters that made their way int our house. Here’s a list of the crashes that should not happen anymore:
Making Room for More HTML Export Options
We’re about to make more export options for HTML. To do this, we need to overhaul the way things work in our template engine.
The internal bits of the Stage need some TLC.
Released Sep 25, 2019 |
This release fixes a decent crash in Flow.
Layer Menu Crash
In particular, a crash occurring when trying to display the menu for a layer on the stage of hierarchy panel.
Released Sep 25, 2019 |
Good evening. This release fixes code signing issues in Flow.
These fixes are necessary in order to allow users to open Flow without changing Gatekeeper’s settings.
Released Sep 24, 2019 |
Here’s an intermediate release with a couple of things. Mainly, this is to help us test the notarization process.
We’ve tightened up a few bits of the UI.
Added a small popup to help explain greyed out artboards during import.
A touchup from last week’s release.
Crushing at least one.
Our release process should be smoother with this.
Released Sep 20, 2019 |
A critical tiny fix.
We fixed the issue with auto-update for the previous release.
Released Sep 16, 2019 |
This is an awesome feature not only for Flow, but for designers who may be using icons and elements from UI kits. And, for all those non-Sketch designers, there is now a pathway for you to import your designs into Flow.
SVG Import (beta)
You can create timelines from them, or drag and drop them onto your current Timeline.
Please note: this is a beta feature, and will be improved in the coming releases
A useful touchup to importing media files.
UI / UX
We’ve added some nice subtle improvements, and some other critical fixes.
We’ve added a few subtle but important fixes to our export options.
A touchup for importing layer styles mixed with unsaved changes.
Another year, another major MacOS release, and here is our fix for some strange behaviour that Catalina brought (will bring?) with it.
Released Aug 26, 2019 |
This update brings four great features that make importing from your Sketch files better than ever.
Layer Styles & Overrides
We’ve greatly improved Flow’s ability to import your designs as they look in your original file.
If you’ve created document-level colors for your design files, they now import and can be accessed in Flow via the Color Panel.
You can now import, animate and export radial gradients.
Import Multiple Artboards
This is a fantastic new feature. When creating a new timeline, you can now import more than 2 artboards… You can import as many as you like!
Released Jul 24, 2019 |
We’ve had quite a few requests for scaling the animated views generated from our Custom Button export option.
Instead of writing a tutorial on how to do this, we’ve updated the export to allow scaling via Interface Builder.
Custom Buttons are Scalable from Interface Builder
The buttons generated by our Custom Button export option can now be scaled in Interface Builder, and be aligned using Autolayout Constraints.
Released Jul 17, 2019 |
Flow is starting to get really powerful. We’re unlocking new ways of exporting code, and this is just the beginning. This release introduces a simple Onboarding Animation export, as well as one for animating native toggle buttons, both in iOS.
iOS Onboarding Animations
Flow can now generate an Xcode project that has your timeline integrated as a properly formatted onboarding animation.
iOS Custom Buttons
Flow can now generate an Xcode project that has your timeline integrated into a native iOS button (i.e. UIButton) that toggles between on and off states.
We found an esoteric bug that blocked people from activating new trials and paid versions of Flow. It was happening to people who had previously signed up for a trial prior to March 2019.
p.s. yes… if you have a keen eye, we went from 1.5.2 to 1.5.6… there were a couple of broken prebuilt versions we were going to release – alas, preplanning, so idyllic, so unwavering, so unapologetic.
Released Jul 9, 2019 |
A simple update that adds some pretty nice functionality.
iOS Launch Animation Export Option
Flow can now generate an Xcode project that has your timeline integrated as a properly formatted launch animation.
Released Jun 27, 2019 |
Here comes a swath of lovely fixes that we needed to get done in order to prep Flow for some upcoming releases we have scheduled throughout July.
Ohhhh boy, this is a good and subtle one. We’ve updated how we export HTML to include a non-ui class for playing animations. Which will allow you to more easily integrate multiple animations into a single .html page.
This list looks short, but a lot of people were running into these bugs.
Here we clean up a bit so the Xcode project has fewer unnecessary warnings.
Template Window Changes
A bit of UI maintenance on the template chooser. We’re getting ready for some great updates in the coming weeks.
A subtle but lovely fix. We’ve updated how shapes are hit tested on the Stage, now making it possible to select through to underlying layers when clicking outside of the path of a shape layer.
A tiny fix that was annoying for us and for a few users.
Git Friendly Files
We’re always trying to git friendlier with how we generate files.
It only took 2 years for this one…
Some necessary updates for handling the latest version of Sketch.
Released May 21, 2019 |
This release introduces a new easing curve window – with enough preset curves to fill a bucket. You can choose from any of the standard easing curves that have been around since the 80s, and you can also create custom curves.
Easing Curve Window
Pure Butter. Someone asked us a long time ago to have custom easing curves. We set out to do this, and along the way needed to lay a lot of foundation before getting to this feature. Finally, we’re done. And, we’ve also laid the groundwork for behaviours.
A touchup for exporting to HTML.
Scaled iOS Animations
We’ve figured out a solid way to scale your animations on iOS, so it’s possible now to change the size of a Scene in code and have all the spacing, and sizing of animations follow suit.
Git-Friendly Files (again)
We used to have a git-friendly export, and then our relationship took a turn, but we’re back together and happier than ever.
We tidied up a few loose ends.
Released Apr 2, 2019 |
Honestly, we hit live on a release and 30sec later another related bug came in from our crash reporting system. So, we’re catchin up on that one.
The Intro Vid
Stopping the intro vid shouldn’t cause Flow to crash.
Released Apr 2, 2019 |
A micro release.
The Intro Vid
Opening the intro vid shouldn’t cause Flow to crash.
Released Apr 1, 2019 |
This release is a solid hodgepodge of nice updates. In particular, we’ve improved import and export, fixed a glaring issue with round corners, and have introduced a new kind of layer - a plain layer, a boring layer, with nothing in it… This is great news for exporting properly structured
CALayers instead of being restricted to shape / image / text layers.
Update export to Swift 5.
We updated a few things with regards to importing Sketch files.
p.s. If you’re crafty you’ll figure out what we’re doing with the last four tickets in the list above
A couple tiny fixes.
A few nasty bugs met a timely end this week.
Export - iOS
You can now clip a layer to its bounds, and other lovely things.
Export - HTML (aka Corner Radii)
MMMMM. Flow wasn’t exporting corner radiuses properly, and that was a sad thing.
OMG. You can actually make layers that don’t have content in them. For example, if you want just a straight DIV in HTML. For example, if you was just a straight CALayer in iOS.
Like our trial? You can now click on the pink button to jump to the license purchase page.
Released Mar 26, 2019 |
Sketch libraries. Like a pro, you can import them now. If you’re keeing up to date, you’ll see we have been busy trying to get a few solid fixes out on a weekly basis. So, here’s a few lovely updates for this week.
Sketch Library Import!!!
This gets its own section. You can now:
Other Sketch Import Improvements
Making things a bit tighter, thanks to some user feedback about styles.
Mask to Bounds (in Flow)
Want something to slide into the frame of another layer? Now you can (but only in Flow).
A small touch.
A Wee Bug
Travis was naughty, and didn’t fully test something – but he handed off responsibility to Jeremie… who also was less than accurate. We apologize for this bug, that you probably didn’t even notice.
Released Mar 15, 2019 |
A few user-requested fixes, obvious bug crushing, and a loving desire to keep improving Flow.
For all your microscopic design needs.
Yesterday: Charlie Chaplin movies. Today: Blockbusters.
For you iOS devs – a small tweak.
Started too small? Make your animations bigger.
A few bugs didn’t survive this release.
Released Mar 4, 2019 |
This update cleans up a few crashes that have been happening with our latest release, and smooths out some rendering issues when exporting for HTML and running in Safari.
Flow Common Git Repo
When exporting to iOS, there are a few common files that we use to handle animations and integration with UIKit.
Safari wasn’t rendering properly. Thanks Safari.
Updated some important things related to exporting – mainly for Safari, but also for gif/apng/mov files as well.
Ah, there were some crashes. Only a couple. Gone now.
Released Feb 15, 2019 |
Flow now exports drivable animations.
This is massive for the future of Flow.
Drivers are a critical step towards integrating interaction and “prototyping” into Flow itself. Interaction has always been our goal, and this release really concretes that direction. Our approach to integrating interaction is code-first because it proves that components are possible using Flow’s unique approach to design, animation and production.
Enough said for now, here’s a “short” list of all the things we did since our previous 1.3 release.
This is where drivers start, with a massive overhaul of how we handle the export of animations. Ulitmately, this feature gives us major performance improvements to exported projects, and much more elegant exported code.
Flow now exports drivable animations. You can use sliders, progress updates, triggers or gestures to progress through your animations. On iOS and HTML!
A laundry list of the lovely things we update to make the previous two sections possible.
We upped our game when it comes to media exports. Check it out…
A few things we updated in the interface.
We added a lovely in-app news feed to keep you apprised of the goings-on with Flow.
[Yes, CP is still only for iOS]
A slew of bugs were destroyed.
We changed how many days you can use the trial license.
Crashes that Won't Happen Anymore
We crashed into a few things, but we’re better drivers now.
Released Dec 28, 2018 |
Released Dec 26, 2018 |
Released Dec 20, 2018 |
Copy / Paste
Obviously, right? This update was actually a ton of work to get Flow up to expected behaviour. Here’s what we did:
Still catching up from the latest change to Sketch’s file structure.
Path Boolean Updates
Strenthening how Flow handles path boolean operations.
Low Level Love
A few critical things we needed to update to handle everything you just read.
A bit of polish.
Released Nov 27, 2018 |
We crushed the following:
There are a couple more bugs we are currently crushing, and when they’re well crushed, smashed, pulverized, we’ll release again… Hopefully in a few days.
Released Nov 22, 2018 |
We tuned up a lot of the interface and how things work. Here are the things we added:
And, the things we fixed:
Thanks @AS for your help on identifying a few small improvements that made a great difference.
To make life a touch smoother, a tiny bit more pleasant, and a little better in general, we:
We dramatically improved the performance of the app when:
Thanks to @JMcK for the heads up on these two points.
New / Updated Commands
A couple of subtle touches / new key commands will let you do the following:
With layer(s) selected on the stage…
With layer(s) or track(s) selected on the timeline or the stage…
When the Time Range selector is smaller than the entire timeline…
A small change…
Getting things to code…
Our files were a bit chunky before. So we:
We absolutely crushed these bugs…
Released Oct 18, 2018 |
This week’s retrospective.
“Hey, Travis, can you polish up the colours and UI for Mojave?”
⇨︎ Deletes innocuous UI component and introduces a critical bug right before shipping.
Released Oct 15, 2018 |
OMG. Soooo much Yin and Yang.
Ah, yes. When you have no timelines in your project, we show you a couple of lovely buttons on the stage.
Fix Sketch Import
Sketch 52 is now supported. Man, did they ever overhaul their document structure this time around.
We poured an extra ounce of ❤︎ into this one.
File Size Reduction
Sketch Import Window
We poured 2 ounces of ❤︎ into this one
A simple touch.
A much needed addition, you can now resize the main scene of a timeline.
A few John Goodman’s for you.
There was a relatively incoherent message, now we hope its less than relatively incoherent.
Blam > Hopefully this makes export to safari better. Safarrrrrrrriiiiiiii.
Released Sep 4, 2018 |
We launched with a strong iOS export. Here, we make amends to all the lovely web people who have given Flow a run for its money:
There’s more HTML improvements on the way, but this is a pretty decent step for now.
And, a few SVG updates to accompany the ones above:
A bit of a tune-up for iOS export:
UI / UX
To make Flow just a little bit more lovely to use, we improved the following things:
Tuning up how to spit out code:
Bugs & Crashes
Released Aug 8, 2018 |
A tiny bit of polish.
A critical update to how we save files.
Improved format for exporting code.
Released Aug 1, 2018 |
Critters, everywhere, but not too many thankfully.
A tiny addition.
Always tightening this one up.
Tuning up the web export – a very different structure than iOS, so we’ll be constantly updating this bit.
Released Jul 23, 2018 |
Released Jul 16, 2018 |
The pretty, important things.
The things that will make you smile, a.k.a the things that would make you not smile if they weren’t there.
Here’s what we did to help you get media OUT of Flow…
Here’s what we did to help you get code OUT of Flow…
Bug Fixes (General)
Things that should have worked in the first place…
Bug Fixes (Code Export)
More things that should have worked in the first place…
Crashes & Beachballs
Things that shouldn’t happen…
New tidbits you can change in Flow…
Improvements to the code preview window…
A few things audio…
There’s only a few bullet points in this one, but it was a lot of work that made Flow immensely better…
Released Jun 29, 2018 |
SHADOW IMPORT/EXPORT BUG FIX
Thanks to some lovely feedback we received today, we found that we weren’t properly importing shadows from Sketch, or exporting them to code.
Released Jun 26, 2018 |
TIMELINE BUG FIX
There was a bug on the timeline that we found shortly after releasing.
Released Jun 25, 2018 |
Right, so usually I like to try and organize these release notes into categories so you can see a little easier just what we’ve been up to. Buuuuut, this time… there’s just too much, and I’m on my second cup of coffee, and there’s about 10 other things to do, and we’re trying to get to a V1.0 in a few weeks, so really…
The big news is…
This one is so butter. We’ve rebuilt the timeline so that it can handle 2 mega things:
The timeline is so sweet now.
Also another biggie. We’ve dramatically improved performance. It’s not easy balacing time and space, but we hope this new version is definitely less beachbally than the previous release.
All The Other Things
The list was too long to wrangle this time, so here it is:
Released May 19, 2018 |
Sketch 50 beta came out, and things broke again, but we fixed them:
Like music to my ears. This is one I’ve been waiting for for a long time.
A New Step Curve
Ever feel like you just wanted to be somewhere else right now? Well, until today, so did keyvalues. Now you can set a special kind of curve between two keyvalues that makes them JUMP from one value to the other without animating. It’s like saying “Don’t animate between 10 and 20”, and it’s lovely.
And for some lovely improvements to the user experience and interface:
The things we fixed when exporting your animations to code:
I’m going to be honest here, if you grouped layers then had a good time with them, then decided they didn’t really get along and that they probably shouldn’t be in the same group, then you ungrouped them…. well, honestly, we used to just destroy all your hard work.
Released Mar 16, 2018 |
The major reason for taking so long to get back to you with a really great update is that we completely rebuilt our code export pipeline to use templates. This approach makes it “super” easy to customize the code output of Flow into ANY LANGUAGE YOU CAN THINK OF (probably even Latin).
Here’s what we added and fixed for export:
We updated a few things in the interface, however more of this will be apparent in the NEXT release:
Here’s what we added and fixed for UI:
We did our best to take all the great feedback and improve on some critical issues.
Here’s what we added and fixed for UX:
We tried to make things a little smoother as well.
This is a bit like UX, because don’t you just hate it when things don’t look the way you want them to?
Here’s what we added and fixed for Sketch Import:
We added hundreds and hundreds of automated tests to help us keep things stable so your creativity can keep on Flowing. (By “we” I mean Kobe and Joel)
We added a help window – and some content, but not a lot of content, because we’re a small team, and we’re trying hard, very hard, to bring you a great tool, so we have to spread ourselves a bit thin, but we’re doing our best.
Released Mar 2, 2018 |
Two small fixes to catch up with the latest file versions in Sketch:
Released Feb 8, 2018 |
A couple of small fixes to catch up with the latest file versions in Sketch:
Released Oct 29, 2017 |
Released Oct 23, 2017 |
Flow 0.4 38a
Released Oct 21, 2017 |
Flow 0.4 37a
Released Oct 19, 2017 |
Flow 0.4 36a
Released Sep 27, 2017 |
result(s) found for “”.