Releases

Flow 1.6.7

Released Nov 5, 2019 | Fixes: 11

Better. Stronger. Faster. And, HTML Button Export! We've just added a ton of performance improvements, some key work that needed doing before getting to path manipulation.

Requirements

Mac: Mojave (10.14.5)

Sketch: 59.1

Flow 1.6.7
Sketch 59.1

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!

  • Add export for a clickable / toggle button that can be run on the web.

Crash Fixes
There were a few hard crashes that we crushes.

  • Fix path equalizer crash
  • remove fatal errors in TimelineHierarchyViewController
  • fix LayerMenu rename layer crash
  • Fix deletion bug hierarchy panel

Performance Optimizations
We went to town on making things faster.

  • Hierarchy panel updating when deleting rows
  • Moving layers on stage
  • Resizing layers on stage
  • Selecting layers on stage
  • Adding and removing layers to the stage

Stage Refactoring
In order to get ready for the path manipulation feature we are planning we needed to completely refactor stage.

  • Make everything work butter.

Flow 1.6.6

Released Oct 9, 2019 | Fixes: 1

HTML Export Fixed. HTML export. We broke it. We fixed it.

Requirements

Mac: Mojave (10.14.5)

Sketch: 58

Flow 1.6.6
Sketch 58

Another beautiful release in our series on catching up with Catalina.

HTML Export
We broke it. And, now we fixed it.

  • Update signing process to include new Web template package.

Flow 1.6.5

Released Oct 8, 2019 | Fixes: 22

Bugs. HTML. Performance. Here's a quick release that makes Flow more solid than it was yesterday.

Requirements

Mac: Mojave (10.14.5)

Sketch: 58

Flow 1.6.5
Sketch 58

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:

  • Copy layers crash, due to some poor counting.
  • Importing multiple artboards is more buttery now.
  • When you export timelines with path animations, Flow doesn’t crash – like it did, before… for some strange reason.
  • Path tracks are lovelier than ever.
  • Moving layers, in the hierarchy panel… yes … now shouldn’t cause crashes.
  • A few crashes from an updated menu layout have taken their leave.
  • A nasty little crash that happened when loading images.

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.

  • Remove extraneous code
  • Update setting current time for recently played animation
  • Extract common files into a Web Package
  • Merge flow web
  • Refactor path logic in html template
  • Get rid of hosted template
  • Add base url to non hosted html template

Stage Performance
The internal bits of the Stage need some TLC.

  • Fix media export
  • Fix shadow bug
  • Refactor canvas gesture handler P1
  • Update specific layer views
  • Unhighlight layer before highlighting the next
  • Extract viewstore out of stage
  • Refactor stage view logic
  • Update scene name when renaming scene via properties panel

Flow 1.6.4

Released Sep 25, 2019 | Fixes: 1

Hard Crashes Begone A lovely mid-afternoon release that lets you get back to using menus in Flow.

Requirements

Mac: Mojave (10.14.5)

Sketch: 58

Flow 1.6.4
Sketch 58

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.

  • Fixes hard crash when opening the layer menu.

Flow 1.6.3

Released Sep 25, 2019 | Fixes: 1

Gatekeepin' Good evening. Here we go again, with another important update.

Requirements

Mac: Mojave (10.14.5)

Sketch: 58

Flow 1.6.3
Sketch 58

Good evening. This release fixes code signing issues in Flow.

Gatekeeper
These fixes are necessary in order to allow users to open Flow without changing Gatekeeper’s settings.

  • Update code signing process.

Flow 1.6.2

Released Sep 24, 2019 | Fixes: 9

Crushin' Bugs Notarization update, with a sprinkle of good bug crushing.

Requirements

Mac: Mojave (10.14.5)

Sketch: 58

Flow 1.6.2
Sketch 58

Here’s an intermediate release with a couple of things. Mainly, this is to help us test the notarization process.

UI
We’ve tightened up a few bits of the UI.

  • Adjust fonts throughout menus
  • Add menu items to layer menu
  • Fixes blurry icons in hierarchy panel.

UX
Added a small popup to help explain greyed out artboards during import.

  • Add pop up to help explain why you can’t create a timeline with artboards that ahve mismatching layer hierarchies

SVG Import
A touchup from last week’s release.

  • Import corner radius of rect elements

Bugs
Crushing at least one.

  • When creating rounded rects in flow, ensure the corners dont get distorted when resizing the rect

Notarization
Our release process should be smoother with this.

  • Update release script to incorporate Notarization
  • Add Sign Bundled Frameworks build phase

Uploading
Sneak Preview.

  • Allowing upload of document along side timeline uploads. (not visible to users)

Flow 1.6.1

Released Sep 20, 2019 | Fixes: 1

Fixin' Autoupdate This release fixes an issue with auto-update that occurred with the previous release.

Requirements

Mac: Mojave (10.14.5)

Sketch: 58

Flow 1.6.1
Sketch 58

A critical tiny fix.

Auto Update
We fixed the issue with auto-update for the previous release.

  • Thanks to Jeremie for doing a great job, he matrixed.

Flow 1.6

Released Sep 16, 2019 | Fixes: 18

The SVG Release At long last, SVG files can now be imported into Flow.

Requirements

Mac: Mojave (10.14.5)

Sketch: 57.1

Flow 1.6
Sketch 57.1

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

  • Create timelines from imported SVGs.
  • Handle all shape types (including arcs).
  • Created a converter from SVG format to Flow.
  • Rename top-level svg elements into SVG file name.
  • Add drag-drop functionality.
  • Insert SVG files via in-app menu.

Media Import
A useful touchup to importing media files.

  • Allow user to import multiple image, SVG or sound files at the same time.

UI / UX
We’ve added some nice subtle improvements, and some other critical fixes.

  • Fix a bug with dragging scenes in the Sketch import window.
  • Resize Sketch import window depending on screen size and resolution.
  • Add button to empty stage for adding a timeline via SVG file.
  • Align divider of layer hierarchy panel to that of the timeline hierarchy. (Travis sheds a tear in thanks).
  • Allow Flow to open files with missing images
  • Deselect easing curves when clicking on an empty area of the timeline

Export Options
We’ve added a few subtle but important fixes to our export options.

  • Player.js pauses after finishing its animation instead of stopping (and going to the beginning of the timeline)
  • Added a Delegate protocol to Toggle Button in the iOS export option
  • Added a Delegate protocol for the Timeline in FlowCommon (thank you Robin Keech for suggesting this FlowCommon improvement)

Sketch Import
A touchup for importing layer styles mixed with unsaved changes.

  • Override opacity of LayerStyle with that of layer

Catalina
Another year, another major MacOS release, and here is our fix for some strange behaviour that Catalina brought (will bring?) with it.

  • Fix crash occuring in Catalina

Flow 1.5.8

Released Aug 26, 2019 | Fixes: 9

A Mega Import(ant) Update. Importing just got better. Layer styles, overrides, color palettes and radial gradients all import into Flow. You can also import multiple artboards when creating new timelines.

Requirements

Mac: Mojave (10.14.5)

Sketch: 57.1

Flow 1.5.8
Sketch 57.1

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.

  • Import Layer styles
  • Import Layer style overrides
  • Import Symbol overries (incl. fill images, text, etc.)

Color Palettes
If you’ve created document-level colors for your design files, they now import and can be accessed in Flow via the Color Panel.

  • Import Document-level Color Presets

Radial Gradients
You can now import, animate and export radial gradients.

  • Import radial gradients from Sketch files.
  • Animate radial gradients (via differences in Sketch file).
  • Export radial gradients (and animations) to HTML and iOS.

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!

  • Add multiple-artboard import when creating new timelines.
  • Update timeline creation UI

Flow 1.5.7

Released Jul 24, 2019 | Fixes: 1

Easy Scaling for Custom Buttons This release adds easy scaling to Custom Buttons.

Requirements

Mac: Mojave (10.14.5)

Sketch: 55.2

Flow 1.5.7
Sketch 55.2

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.

  • Add automatic scaling to custom buttons

Flow 1.5.6

Released Jul 17, 2019 | Fixes: 3

New iOS Exports This release adds iOS exports for Onboarding Animations and Custom Buttons.

Requirements

Mac: Mojave (10.14.5)

Sketch: 55.2

Flow 1.5.6
Sketch 55.2

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.

  • Add “iOS Onboarding Animation” export option

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.

  • Add “iOS Custom Button” export option

Bugs
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.

  • Fix Authentication Bug

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.

Flow 1.5.1

Released Jun 27, 2019 | Fixes: 20

A New Player Flow now exports Player.js, and comes with a lot of groundwork for upcoming releases.

Requirements

Mac: Mojave (10.14.5)

Sketch: 55.2

Flow 1.5.1
Sketch 55.2

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.

HTML Export
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.

  • Incorporate Player.js into HTML template
  • Use unique ids in html template
  • New constructor, update labelling of exported interface components

Crushed Bugs
This list looks short, but a lot of people were running into these bugs.

  • Fix document serialization crash
  • Fix Zendesk crash
  • Fix source file linker crash
  • Removing step for accessing old devmate license key.

IOS Export
Here we clean up a bit so the Xcode project has fewer unnecessary warnings.

  • Get rid of warnings iOS export
  • Update Flow Common files
  • Force unwrap CGPathCreateWithSVGString

Template Window Changes
A bit of UI maintenance on the template chooser. We’re getting ready for some great updates in the coming weeks.

  • Resize template window
  • Sort templates in alphabetical order.

Hit Testing
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.

  • Shape & Mask layer hit testing based on Path
  • refactor highlight logic

Feeback Window
A tiny fix that was annoying for us and for a few users.

  • Allow user to scroll and input multi line message in Feedback message text input.

Git Friendly Files
We’re always trying to git friendlier with how we generate files.

  • Round values in archived Flow File

Timeline
It only took 2 years for this one…

  • Add ability to select and deselect all keyvalues (cmd + A / Cd + Shift + A)

Sketch Maintenance
Some necessary updates for handling the latest version of Sketch.

  • Update version of Sketch test files.
  • Stop saving Sketch files when running unit-tests.
  • Update, save test files with Sketch 55.

Flow 1.5.2

Released Jun 27, 2019 | Fixes: 1

Export iOS Launch Animations Launch animations for iOS are now really easy to create. Ultra easy, actually.

Requirements

Mac: Mojave (10.14.5)

Sketch: 55.2

Flow 1.5.2
Sketch 55.2

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.

  • Add “iOS – Launch Animation” export option

Flow 1.5

Released May 15, 2019 | Fixes: 35

Flow 1.5 Look at the curves on this one.

Requirements

Mac: Mojave (10.14.4)

Sketch: 54.1

Flow 1.5
Sketch 54.1

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.

  • Add a new easing curve window
  • Incorporate all the default bezier options (e.g sine, quad, back, etc.)
  • Add a super hot easing curve editor view
  • Add ability to create custom curves
  • Add ability to modify control points on easing curve picker
  • Add ability to modify control points via text fields
  • Add custom easing to html and iOS export
  • Use page control to toggle between preset and custom curves
  • Animate the size of the window to hide / reveal curve editor
  • Save window expansion state
  • Expand window when user creates new custom curve
  • Click on curve in timeline selects that curve + launches window
  • Disable creating custom curve when step selected
  • Create an animatable path button
  • Customize animations for + x and < > buttons
  • Add ability to delete custom curves
  • Handle edge cases when deleting curves
  • Select custom curve after adding or deleting curve
  • Allow only Step curves for non-animatable propeties (e.g. text content)
  • Udate easing curve selection correctly after reversing a timeline
  • Switch between In / Out or Forward / Reverse curves automatically when reversing a timeline
  • Update easing curve editor when user selects a new tab
  • Allow user to increment control points via up and down arrows.
  • Update easing curve window after timeline changes
  • Highlights selected curve, updates custom icon
  • Clean up all the things

Exporting
A touchup for exporting to HTML.

  • Converts maskToBounds property to overflow style in HTML export
  • Added a method to encode images directly into SVG files (fyi, foreshadowing)
  • Adds background pattern support for SVG

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.

  • Add scale(to:) method to exported SceneView class

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.

  • Write stable JSON files

Otros
We tidied up a few loose ends.

  • Updated our About Window – colors / names / praise
  • Fix mask corner radius problem
  • Close open documents when app is deactivated or app is opened no valid license is found.
  • Open Welcome window after activation process is successfully completed.

Flow 1.4.6

Released Apr 2, 2019 | Fixes: 1

Flow 1.4.6 Another bug bites the dust.

Requirements

Mac: High Sierra (10.13)

Sketch: 53.2

Flow 1.4.6
Sketch 53.2

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.

  • Stopping the intro vid no longer causes Flow to crash… as it never should have done.

Flow 1.4.5

Released Apr 2, 2019 | Fixes: 1

Flow 1.4.5 A micro release to fix a silly crash.

Requirements

Mac: High Sierra (10.13)

Sketch: 53.2

Flow 1.4.5
Sketch 53.2

A micro release.

The Intro Vid
Opening the intro vid shouldn’t cause Flow to crash.

  • Opening the intro vid no longer causes Flow to crash… as it never should have done.

Flow 1.4.4

Released Apr 1, 2019 | Fixes: 23

Flow 1.4.4 A Swift update, better import, and a few lovely new export options.

Requirements

Mac: High Sierra (10.13)

Sketch: 53.2

Flow 1.4.4
Sketch 53.2

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 <divs> or CALayers instead of being restricted to shape / image / text layers.

Swift Update
Update export to Swift 5.

  • iOS template now exports Swift 5 code.
  • Yup.

Sketch Importing
We updated a few things with regards to importing Sketch files.

  • Reverse order of layers copied from sketch so they show up in the proper order in Flow
  • Add ability to represent interaction connections
  • Import hot spot layers from Sketch files
  • Load sketch flow connections
  • Preserve artboard IDs

p.s. If you’re crafty you’ll figure out what we’re doing with the last four tickets in the list above

UX/UX
A couple tiny fixes.

  • Text is smoother on screen because we’re now updating the backing scale factor when changing zoom level.
  • Make modifying resizing constraint undoable.

Crushed
A few nasty bugs met a timely end this week.

  • Duplicating a layer by option-dragging now doesn’t not show the layer (i.e. the original layer was disappearing during the drag action)
  • Tightened up resizing layers vertically (things were overstretching).

Export - iOS
You can now clip a layer to its bounds, and other lovely things.

  • The masks to bounds option in Flow is now exported to iOS – this will let you do some pretty nifty things.
  • Initial font sizes are now properly exported.
  • There is a better way of handling autoreverse and repeat options for timelines / animations – you can mess with this in your Xcode projects.

Export - HTML (aka Corner Radii)
MMMMM. Flow wasn’t exporting corner radiuses properly, and that was a sad thing.

  • Radiuses now export properly, and that IS a beautiful thing.
  • They animate

Layers!
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.

  • Add option to create empty layer.
  • Convert empty groups to layers.
  • A lovely trick: if you created a group, and didn’t rename it, and remove all its things, we change its name to Layer – because having a layer called Group didn’t make sense to some of us, though it did to others, but it was the former group that won the UX battle.
  • Patch up bugs related to allowing empty layers (which some of us think are empty groups - and, technically they are correct)

Trials
Like our trial? You can now click on the pink button to jump to the license purchase page.

  • Do it.
  • Do it now.
  • You won’t regret it.

Flow 1.4.3

Released Mar 26, 2019 | Fixes: 8

Flow 1.4.3 Import Sketch libraries like a pro.

Requirements

Mac: High Sierra (10.13)

Sketch: 53.2

Flow 1.4.3
Sketch 53.2

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:

  • Import symbols from Sketch libraries

Other Sketch Import Improvements
Making things a bit tighter, thanks to some user feedback about styles.

  • Include symbol background color only if it is enabled in Sketch
  • Exclude importing styles if they are disabled in Sketch (e.g. shadow, border, fill border options)
  • Fix importing nested symbols with resizing constraints

Mask to Bounds (in Flow)
Want something to slide into the frame of another layer? Now you can (but only in Flow).

  • Create a Mask to Bounds property
  • Started working on exporting this feature to iOS / HTML (this will be in a 1.4.4)

iOS Exporting
A small touch.

  • We added the Flow version to exported iOS projects.

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.

  • Create ImageView with proper positioning.

Flow 1.4.2

Released Mar 15, 2019 | Fixes: 12

Fixes for 1.4.2 Zoom. Audio. Autoreverse. Resize.

Requirements

Mac: High Sierra (10.13)

Sketch: 53.2

Flow 1.4.2
Sketch 53.2

A few user-requested fixes, obvious bug crushing, and a loving desire to keep improving Flow.

Zooming
For all your microscopic design needs.

  • You can easily zoom to fit the scene to the stage
  • Pick a bunch of layers, and zoom to fit that selection
  • Dive in up to a max zoom of 1600%

Media Export
Yesterday: Charlie Chaplin movies. Today: Blockbusters.

  • Movies now export with their audio tracks

Code Export
For you iOS devs – a small tweak.

  • We added options (in export code only for now) to autoreverse and repeat animations on iOS.

Resizing Animations
Started too small? Make your animations bigger.

  • Resizing the artboard, or animations, is much improved
  • In relative mode, resizing correctly adjusts keyvalues and sizes
  • We refactored a ton of code for this.
  • Jeremie panicked a bit.
  • He’s a wizard.

Bugs
A few bugs didn’t survive this release.

  • Once upon a time you shadowed images had no shadows, today they do.
  • We made a complicated thing simpler… SimpleSetKeyValueValueCommand

Flow 1.4.1

Released Mar 4, 2019 | Fixes: 11

Fixes for 1.4.1 Rendering updates, and bug fixes.

Requirements

Mac: High Sierra (10.13)

Sketch: 53.2

Flow 1.4.1
Sketch 53.2

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.

  • Create Git repo for Flow Common
  • Include Flow common as Git submodule in Flow
  • Reference Flow common files from bundle

Safari Rendering
Safari wasn’t rendering properly. Thanks Safari.

  • Added a lightweight animation to force rendering for the entire artboard.

Export Fixes
Updated some important things related to exporting – mainly for Safari, but also for gif/apng/mov files as well.

  • Remove references to and file generation for css animations
  • Ensure Text appears in gif export
  • Fix exporting text in Movie export
  • Remove declaration of CSS filters (for shadows), animations will handle this setting
  • Use classes not ids in html export - so you can use multiple exports on the same HTML page

Crashes
Ah, there were some crashes. Only a couple. Gone now.

  • Fix crash when trying to delete scene
  • Fix importing attributed string

Flow 1.4

Released Feb 15, 2019 | Fixes: 61

Drivers! A huge update to HTML and iOS exports.

Requirements

Mac: High Sierra (10.13)

Sketch: 53.1

Flow 1.4
Sketch 53.1

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.

Keyframe Animations
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.

  • Use CAKeyframeAnimations in iOS export (major overhaul of our code export template)
  • Fix synchronization issue with exported iOS animations (Using keyframes instead of timersl)
  • Use JS + web-animations api for HTML export (major overhaul away from CSS animations)
  • Use SVG keyframe animations (instead of multiple tags)

Drivers
Flow now exports drivable animations. You can use sliders, progress updates, triggers or gestures to progress through your animations. On iOS and HTML!

  • Add iOS driver to exported template (drag or tap to move through the animation)
  • Add HTML driver to exported template (slider or buttons to move though the animation)
  • Sync SVG and Web-Animation API in control of driver
  • Make HTML timelines resuable and swappable

Exporting Code
A laundry list of the lovely things we update to make the previous two sections possible.

  • Add launch screen animation to iOS template
  • Add SVG animation easing
  • Add SVG keySplice, keyValues, keyTimes to export
  • Add gradient animations in HTML
  • Add fill image animations in iOS
  • Add SVG gradient end point animations
  • Fix image changes in HTML
  • Fix text alignment in HTML
  • Fix corner radius animations in HTML
  • Fix shape resizing animations in HTML
  • Fix exporting fill gradient in iOS
  • Fix shadow animations in HTML
  • Fix step easing curve implementation in HTML
  • Fix complex transform animations in HTML
  • Fix anchor point animations in HTML
  • Fix mask animations in HTML (Safari + Chrome, FF still has a little bug)
  • Export contents gravity for images (e.g. center, bottom-left, etc.) in HTML
  • Export only images, sounds and fonts for the current timeline
  • Overwrite old exports w/o sending previous versions to trash (saves a ton of disk space)

Exporting Media
We upped our game when it comes to media exports. Check it out…

  • Add APNG (animated png) export
  • Open GIFs and APNG in default browser after exporting
  • Add UI option for opening after export is complete
  • Add content scale option for media-based export (1x, 2x, 3x, 4x)
  • Add looping option for GIF and APNG export
  • Fix shadow scaling bug for scaled media export

UI/UX
A few things we updated in the interface.

  • Added a menu item and hot-key for inserting images into your projects
  • Added exit button to the welcome activation window for users to close the app
  • Created custom feedback controller that uploads tickets to Zendesk
  • Add select all timelines check box to code export panel
  • Fixed color well bugs
  • The color well will highlights to indicate if it is actively linked to the color picker
  • Calibrate zooming and scrolling the stage when using track pad and using mouse wheel
  • Display time pop up when dragging keyvalues
  • Right-clicking on a layer in the stage now displays a contextual menu
  • Added a reveal menu item to layers

NewsFeed (UI/UX)
We added a lovely in-app news feed to keep you apprised of the goings-on with Flow.

  • Added a new feed view with clickable links to news items
  • Added a top bar item to hide / reveal the news feed view
  • Highlight the top bar icon when there is news

Code Preview
A touchup.

  • Update code preview to use the new CAKeyframe animation code.

[Yes, CP is still only for iOS]

Bugs
A slew of bugs were destroyed.

  • Fix ability to select pasted keyvalues after pasting
  • Fix layer pasting offset
  • Properly update “timeline from sketch” button on the stage when there are no timelines in the document
  • Fix timeline hierarchy row selection bug
  • Fix selection behaviour in Timeline Hierarchy outline view
  • Fix focusing issue for timelines only when selecting a new timeline that isn’t currently in focus
  • Fix font size and font panel selection / sync
  • Properly sets font coming from font panel
  • Fixes mask icon asset for light mode

Trial Licenses
We changed how many days you can use the trial license.

  • Trial licenses are now 15 TOTAL days, instead of 30 from the day you first get a license.
  • This should give users more time if they’re not opening the trial every other day, or if they get a license and forget about us for a month.

Crashes that Won't Happen Anymore
We crashed into a few things, but we’re better drivers now.

  • Prevent app from crashing when timeline duplication fails
  • If no layers in symbol master don’t create a layer
  • Fix a bunch of things that were crashing, but that don’t warrant a description because they were silly and you probably just don’t want to read any more in this list because it’s so long, and thanks for getting here if you read throrugh everything we wrote above… because we did a lot, and we cried a lot along the way… and we really appreciate your attention to detail.

Flow 1.3.2

Released Dec 28, 2018 | Fixes: 1

A Tiny Hotter Fix We missed a small but critical element in our last update.

Requirements

Mac: Sierra (10.12)

Sketch: 52.5

Flow 1.3.2
Sketch 52.5

Crash

  • Prevent crash when dragging scenes – with nested shape groups – in Sketch import process.

Flow 1.3.1

Released Dec 26, 2018 | Fixes: 6

A Hot-Fix Because we just love working over the holidays.

Requirements

Mac: Sierra (10.12)

Sketch: 52.5

Flow 1.3.1
Sketch 52.5

Export

  • Use current scene size in GIF, movie and PNG export instead of original size of scene when imported.
  • Update iOS export to Swift 4.2, make iOS 10 minimum OS.

Crashes

  • Prevent crash from occuring when displaying duration pop up.
  • Prevent crash when dragging scenes in sketch import process.

UI

  • Change default colors of inserted shape layers to “Flow” colors.

UX

  • Allow user to simultaneously area select and scroll in the timeline to select keyvalues.

Flow 1.3.0

Released Dec 20, 2018 | Fixes: 19

A small but big update This release focused on stability issues our users were so kind to let us know about.

Requirements

Mac: Sierra (10.12)

Sketch: 52.5

Flow 1.3.0
Sketch 52.5

Copy / Paste
Obviously, right? This update was actually a ton of work to get Flow up to expected behaviour. Here’s what we did:

  • Restructing infrastructure for copying layers and keyvalues
  • Add proper copying data to pasteboard
  • Allow pasting between projects
  • Fix placement of pasted layers when pasting into a different timeline.
  • Preserve transform properties when copying / pasting sublayers of a group.
  • Add copying keyvalues to copy action
  • Paste keyvalues with proper key combination
  • Add new paste commands to main menu

Sketch Import
Still catching up from the latest change to Sketch’s file structure.

  • Fix sketch import to support nesting of combined shapes

Path Boolean Updates
Strenthening how Flow handles path boolean operations.

  • Fix path subtraction problem
  • Fix path boolean ops by rounding
  • Fix path subtraction edge cases

Low Level Love
A few critical things we needed to update to handle everything you just read.

  • Make dictionary config equatable
  • Refactor LayerFactory in order to avoid useless returning array of created layers
  • Refactor interpolate logic
  • Make operation property for fleshed shape layer
  • Make Layer & LayerSnapshot codable

Export Updates
A bit of polish.

  • Fix CSS font references for HTML exports
  • Add “Made with Flow” comments

Flow 1.2.1

Released Nov 27, 2018 | Fixes: 3

A Hot Fix A few critical bugs popped up since our recent release.

Requirements

Mac: Sierra (10.12)

Sketch: 52.5

Flow 1.2.1
Sketch 52.5

Crushed Bugs
We crushed the following:

  • A crash occurring when dragging Artboards in sketch import process.
  • A crash occurring when importing sketch files which contain combined shapes which themselves contain combined shapes
  • A crash occurring when copy pasting layers from sketch which contain combined shapes which themselves contain combined shapes

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.

Flow 1.2

Released Nov 22, 2018 | Fixes: 32

UI Some much needed interface treatments, a bit of smooth polish, and quite a bit of tidying up.

Requirements

Mac: Sierra (10.12)

Sketch: 52.5

Flow 1.2
Sketch 52.5

UI
We tuned up a lot of the interface and how things work. Here are the things we added:

  • A more obvious state for Relative Mode.
  • The ability to show / hide titles on the toolbar.
  • Playhead snapping to the scrubber on the touch bar.
  • The ability to select a range of time to review on the timeline ruler.

And, the things we fixed:

  • Separated transform into two lines called rotation and anchor point in properties panel.
  • Properly update colors when toggling between dark mode and light mode.
  • Hierarchy view selection colours were messed up, now they’re better.
  • Update lock icon in properties panel.

Thanks @AS for your help on identifying a few small improvements that made a great difference.

UX
To make life a touch smoother, a tiny bit more pleasant, and a little better in general, we:

  • Updated the document creation workflow.
  • Prevent the activation window from constantly popping up.
  • Let you skip to the in / out points of selected track animations (see the new commands below).
  • Introduced separate time ranges for each timeline.
  • Disable export when there are no timelines in a project document.

Performance
We dramatically improved the performance of the app when:

  • Dragging many key values at once in the timeline.
  • Scrolling & Zooming the timeline with many tracks.

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…

  • Pressing U will expand / hide the tracks for those layers in the timeline.

With layer(s) or track(s) selected on the timeline or the stage…

  • Pressing I will jump the timeline playhead to the FIRST key value of the selection.
  • Pressing O will jump the timeline playhead to the LAST key value of the selection.

When the Time Range selector is smaller than the entire timeline…

  • Pressing CMD+Left will jump the timeline playhead to the START handle of the selection.
  • Pressing CMD+Right will jump the timeline playhead to the END handle of the selection.

A small change…

  • Toggling Relative Mode is now done with CMD+OPTION+R (we’re queuing up a new command for CMD+R)

Export
Getting things to code…

  • Fix placement issues in iOS when exporting a certain size artboard and running it in a different size device simulator
  • Export fill images in iOS.
  • Add support for testing Export more thoroughly.

File Size
Our files were a bit chunky before. So we:

  • reduced the size of Flow files by storing image hashes instead of data blobs.

Crushing Bugs
We absolutely crushed these bugs…

  • A sneaky one that was preventing the creation of font and font size tracks.
  • A snarky that was preventing proper undoing of timeline scaling command.
  • A tiny one whose job it was a to not update the timeline ruler when scrolling in timeline.
  • A beautiful one that really only ever wanted to see Flow crash when resizing images.
  • A lazy one that really wanted scrolling to be slow when choosing a sketch file in finder.
  • A confusing one that wanted buttons to be on top of one another.
  • A slightly obscure one that tried to mess with the timeline hand dragging tool icon.

Flow 1.1.1

Released Oct 18, 2018 | Fixes: 1

When Travis Commits Code He sometimes deletes critical components.

Requirements

Mac: Sierra (10.12)

Sketch: 52.5

Flow 1.1.1
Sketch 52.5

Crash

  • Fix Crash when displaying Export Window

This week’s retrospective.

“Hey, Travis, can you polish up the colours and UI for Mojave?”

“Sure thing.”

⇨︎ Deletes innocuous UI component and introduces a critical bug right before shipping.

Thanks Travis.

Flow 1.1.0

Released Oct 15, 2018 | Fixes: 34

A New Start We've significantly overhauled our onboarding experience, helping new users to get up and running far more quickly, and prettily. We've also added darkmmmmmmmmode.

Requirements

Mac: Sierra (10.12)

Sketch: 52.5

Flow 1.1.0
Sketch 52.5

UI
OMG. Soooo much Yin and Yang.

  • Updated Light mode UI, use system colors like control accent colors etc to make UI more dynamic
  • Created Dark Mode UI

Document Creation
Finally.

  • Ability to create empty documents without linking a sketch file

Timeline Creation
Ah, yes. When you have no timelines in your project, we show you a couple of lovely buttons on the stage.

  • Timeline Creation options in place of the stage when no timelines present
  • Ability to create empty timelines, without using sketch artboards

Fix Sketch Import
Sketch 52 is now supported. Man, did they ever overhaul their document structure this time around.

  • Fix Sketch Import for files created with Sketch 52 and later
  • Prevent user from importing sketch files older than 52.0

Welcome Window
We poured an extra ounce of ❤︎ into this one.

  • Updated Welcome window UI
  • Intro Video
  • Intro.flow sample file

File Size Reduction
Smrt.

  • Reduces preview image generation to only the first timeline

Sketch Import Window
We poured 2 ounces of ❤︎ into this one

  • Updated Sketch import window UI/UX
  • Drag n drop artboards

Stage
A simple touch.

  • Hide highlight layer while panning stage.

Scene
A much needed addition, you can now resize the main scene of a timeline.

  • Add ability to select and highlight the scene
  • Add Scene Properties panel
  • Add Preset device sizes in scene properties panel for scene to various device sizes
  • Add ability to resize the scene via properties panel and resizing handles on stage
  • When resizing scene changes applied “relatively”, i.e. no animations created (scene’s properties are non-animatable)
  • Add ability to set scene background color and opacity
  • Add ability to rename the scene
  • When resizing scene can chose whether its contents should be resized or not (i.e. option to override scene’s sulayers resizing constraints)
  • Added a layer with a checkered pattern behind the scene to provide visual feedback when modifying the scene’s opacity
  • Hide the scenes shadow when the scene is selected
  • Disable copy pasting of scene.

Bugs
A few John Goodman’s for you.

  • Fix crash when changing opacity
  • Fix menu validation bug
  • Migrate to Swift 4.2
  • Fix Xcode 10 warnings
  • Area selection bug
  • Dont apply relative mode when creating new timelines.
  • Prevent timelines from staying selected.

Activation Failure
There was a relatively incoherent message, now we hope its less than relatively incoherent.

  • Fix activation failure dialog

Export
Blam > Hopefully this makes export to safari better. Safarrrrrrrriiiiiiii.

  • Fix Safari SVG animations

Flow 1.0.4

Released Sep 4, 2018 | Fixes: 25

An update to the HTML

Requirements

Mac: Sierra (10.12)

Sketch: 51.3

Flow 1.0.4
Sketch 51.3

HTML Export
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:

  • Don’t include empty css animation blocks in html export for non-animated layers
  • Fix anchor point animations in html.
  • Add ability to export animation tracks with multiple keyvalues in html
  • Add ability to export step function easing curves in html fix border width animations in safari and chrome
  • Fix rotation export in HTML
  • Fix exporting flipped vertical and flipped horizontal properties in html export

There’s more HTML improvements on the way, but this is a pretty decent step for now.

SVG
And, a few SVG updates to accompany the ones above:

  • Don’t scale width of border when scaling SVG
  • Fix SVG scaling
  • Adjust SVG path string precision

iOS Export
A bit of a tune-up for iOS export:

  • Patch strokeEnd Animation bug in iOS export
  • Correctly animate border width in iOS export
  • Export images into iOS as 1x
  • Set initial corner radius of layers in exported ios projects
  • Fix exporting contentMode in iOS export

UI / UX
To make Flow just a little bit more lovely to use, we improved the following things:

  • Prevent insert shape drop down menu icon from being cut off
  • Allow zooming of timeline with track pad
  • Allow users to create timelines using one artboard
  • Fix the checkboxes in the export panel so that clicking on their associated titles checks/unchecks the check box.
  • Update code preview when switching to new timelines
  • Add border color, border radius and border width code snippets to CodePreview

Exporting
Tuning up how to spit out code:

  • Move to the trash any previously exported timelines when reExporting the same Flow document
  • Support exporting content mode of image layers in iOS and HTML
  • Support exporting borders in iOS and HTML

Bugs & Crashes

  • Fix bug causing flow files to become corrupted
  • Fix crash occuring when resizing layers to 0x0

Flow 1.0.3

Released Aug 8, 2018 | Fixes: 10

A Few New Things We polished, crushed, and implemented all week.

Requirements

Mac: Sierra (10.12)

Sketch: 51.3

Flow 1.0.3
Sketch 51.3

UI/UX
A tiny bit of polish.

  • Polish shape menu (kinda)
  • Add hot keys to change focused timeline

Integrity
A critical update to how we save files.

  • Prevent bug whereby saving flow document can potentially corrupt the flow file

Crashes
Crushing things.

  • Prevent crash when loading code preview
  • Fix crash happening when user tries to bring up feedback window and main Flow Window is hidden or inactive.

Export
Improved format for exporting code.

  • Fix path animation on HTML export
  • Store exported code in top level directory named after Flow Document
  • Export timelines into separate folders
  • Use unique bundle identifiers for every exported timeline
  • Avoid overwriting timeline folders when timelines have the same name in the flow document.

Flow 1.0.2

Released Aug 1, 2018 | Fixes: 9

Post-Post Release Fixes We missed a small but critical element in our last update.

Requirements

Mac: Sierra (10.12)

Sketch: 51.3

Flow 1.0.2
Sketch 51.3

Bugs
Critters, everywhere, but not too many thankfully.

  • Fix problem causing scene to be invisible in Flow for users on macOS
  • Fix undoing an attributed string change
  • Keep the playhead within the focused timeline’s duration after switching, adding or removing timelines
  • Prevent crash due to stage drag handlers not having time set

UI
A tiny addition.

  • Added Dropdown for inserting new shape layers into Flow document

iOS Export
Always tightening this one up.

  • Fix exporting of attributed string
  • Use triple quotes swift syntax for multiline strings. (Makes it easier to read multiline the strings in exported code)
  • Escape quotations in single line string in Swift export

HTML Export
Tuning up the web export – a very different structure than iOS, so we’ll be constantly updating this bit.

  • Add top level art board element to HTML export

Flow 1.0.1

Released Jul 23, 2018 | Fixes: 10

Post-release Fixes Here are a few dead bugs and even more pretty things.

Requirements

Mac: Sierra (10.12)

Sketch: 51.3

Flow 1.0.1
Sketch 51.3

Bugs

  • Fixed a crash when scaling keyvalues
  • Fixed iOS export when exporing multi-line strings in text fields
  • Fixed lineJoin / lineCap export to iOS
  • Fixed shadow offset for Y property when exporting
  • Squashed a bug causing Flow to crash when opening a file that had its properties panel collapsed

Pretty Things

  • Draw title of property tracks in blue
  • Open/close group icons in Timeline when expanding and collapsing group layer
  • Added the ability to use the property panel to change the start/end time of multiple keyvalues
  • Updated syntax highlighting to support multiline strings in code preview
  • Can now print multi-line strings for attributed string text in iOS Export

Flow 1.0.0

Released Jul 16, 2018 | Fixes: 84

Version Yum Point Oh A huge release to mark our first full version. Check out the improvements we've made since our previous release a few weeks ago.

Requirements

Mac: Sierra (10.12)

Sketch: 51.3

Flow 1.0.0
Sketch 51.3

User Interface
The pretty, important things.

  • Fixed white spot appearing in corner of hierarchy panel
  • Use the user display’s color space instead of generic color space (looks more like Sketch colors now)
  • Added dividers to the top of timeline headers
  • Added a tiny little label that says “Timelines” in Timeline Hierarchy Header view
  • Created a consistent blue color, applied it throughout the app’s style
  • Updated button style and size top bar
  • Updated style of timeline ruler view
  • Added a shadow, and a tiny border (can you see it) to to scene to improve contrast between scene and stage
  • Stopped drawing easing curves if there’s no space between keyvalues

User Experience
The things that will make you smile, a.k.a the things that would make you not smile if they weren’t there.

  • You can now increment layer property values by pressing up and down keys while your cursor is in their textfields on the properties panel.
  • You can also increment in the keyvalue time fields
  • Created a nice way of translating dev-speak to friendly language for error and alerts that pop up.\
  • We now center the main artboard to the stage when switching between timelines, or opening new files.
  • Add relative mode button that lets you change the values across all keyvalues for a property throghout the entire timeline.
  • You can now snap the playhead to keyvalues on the timeline
  • Fixed up how keyvalues snap to tick marks in the timeline header
  • Timeline hierarchy and tracks collection view rows are in sync when collapsing and expanding (they were in a fight before)
  • The stage now zooms relative to currently visible center of stage view
  • Pause playback when dragging on the touch bar
  • Added a bunch of tooltips
  • Prevent interaction with trackview components which do not belong to the focused timeline (e.g. you can’t move the keyvalues of a Timeline that isn’t focused)
  • Collapse and expand track views appropriately when switching focus to a new Timeline.
  • Save flow version used to create flow file in .flow file
  • Only show permissible easing curve functions in multi-keyvalue properties panel
  • After copying keyvalues, you can now paste in place
  • When moving layers on stage, you must now hold down command in order to snap layers to guides and edged, etc. (was the other way around before)

Performance
Quasi-UX stuff

  • MEGA performance increase by improving the signals infrastructure
  • Improved stage performance when handling all timeline changes
  • Improve sound track drawing performance

Exporting Media
Here’s what we did to help you get media OUT of Flow…

  • GIFs!
  • You can also export the current frame as PNG.
  • Updated the compression settings for MP4 to Apple ProRes4444 / .mov < better quality than before.
  • Hidden layers were getting through, now they down when exporting to Gif, PNG or movies

Exporting Software
Here’s what we did to help you get code OUT of Flow…

  • Added crypto utilities and verify digital signatures
  • Added launch story board to exported iOS projects
  • Added a block to suppress animations when creating views in a ViewController
  • Added an app icon to exported iOS projects
  • Export layer flipping on iOS (sometimes things were upside-down)
  • Add even-odd fill rule on export (now you can have complex shapes with holes cut out properly)
  • Timeline you’re exporting now gets slipped into a view that is centered in the exported iOS project
  • Dash offset values are now exported

Bug Fixes (General)
Things that should have worked in the first place…

  • Copying and pasting text layers within Flow
  • When pasting keyvalues onto another layer, prevent unnecessary extension of timeline duration
  • Remove track if necessary after keyvalue pasting operation
  • Fixed a rounding bug in PasteKeyValuesForTrackCommand
  • Load source file from archive if Sketch file can’t be deserialized
  • Clip values inputed by user in textfields in properties panel and keyvalues panel (e.g. can’t make the stroke end 100)
  • Fix undoing deletion of layers
  • Prevent sizes from being negative while being changed by relative mode
  • Update resizing constraints after resizing layers
  • Fix problem when resizing timeline
  • Insert tracks at proper indicies in timeline hierarchy
  • Update selection in timelineView hierarchy when expanding nodes
  • Expand nodes in the timeline hierarchy to match ^
  • Updates position of playhead scrubber properly
  • Fix calculation of snapped time in TimelineView Model
  • Fix rounding issue in snapToClosestTickTime method
  • Apply User settings when reopening document

Bug Fixes (Code Export)
More things that should have worked in the first place…

  • Fix shadow export
  • Fix path export
  • Fix font export
  • Fix export problem for rotations during reset
  • Fix exporting mask animations in iOS
  • Fix animation flickering in iOS
  • Fix miter limit when exporting HTML
  • Fix exporting of Textlayers whose fonts are not found on users system
  • Fix path animations on iOS export
  • Fix dash pattern animation export
  • Make sure shadows don’t show when shadow color is clear

Crashes & Beachballs
Things that shouldn’t happen…

  • Stop flow from crashing when selecting timeling after opening flow file with properties panel collapsed
  • Prevent user from selecting empty playback range causing crash

Property Changes
New tidbits you can change in Flow…

  • Added Dash pattern offset property
  • Added a flipping panel with segmented control
  • Converted horizontal/vertical flip properties to be non-animating
  • Created a property panel for dash pattern keyvalues

Code Preview
Improvements to the code preview window…

  • Added a new custom black code preview style
  • Added a tiny little message to the code preview window when no layers have been selected
  • Added a split view to handle layout code on the left, and animation code on the right
  • Updated the aesthetic of the code preview window (styles, colors, fonts, etc)

Sound
A few things audio…

  • Ensure sounds can be played when reopening Flow file with sound in it
  • Set max duration for sound tracks to 30s (sorry, you won’t be able to listen to Over the Hills and Far Away)

Path Handling
There’s only a few bullet points in this one, but it was a lot of work that made Flow immensely better…

  • Save normalized paths so that manipulating width or height of layers doesnt affect path property of shape layer
  • Add path equalization to enable path animations
  • Use normalized paths everywhere

Flow 0.7.2

Released Jun 29, 2018 | Fixes: 1

A Hot Fix Have a lovely Friday afteroon.

Requirements

Mac: Sierra (10.12)

Sketch: 51.3

Flow 0.7.2
Sketch 51.3

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.

  • Set default shadow opacity so shadows are visible in Flow after importing.

Flow 0.7.1

Released Jun 26, 2018 | Fixes: 1

A Quick Hot Fix Are you thinking to yourself... "Didn't they update yesterday?" Yessss we did.

Requirements

Mac: Sierra (10.12)

Sketch: 51.3

Flow 0.7.1
Sketch 51.3

TIMELINE BUG FIX
There was a bug on the timeline that we found shortly after releasing.

  • Fixes an area selection bug where keyvalues weren’t being selected after scrolling downwards quite a ways (for animations with lots of tracks).

Flow 0.7.0

Released Jun 25, 2018 | Fixes: 134

The Mega Release Introducing a pound of butter and a whole new timeline!

Requirements

Mac: Sierra (10.12)

Sketch: 51.3

Flow 0.7.0
Sketch 51.3

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…

NEW TIMELINE
This one is so butter. We’ve rebuilt the timeline so that it can handle 2 mega things:

  • Zooming! - Yes, you can zoom in an out.
  • Area Select! - MMMMMM, you can use your mouse to select a bunch of key values.

The timeline is so sweet now.

PERFORMANCE
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:

  • Execute selection and deselection of hierarchy rows on main thread to ensure they don’t interfere with reload
  • Fix grouping moving and ungrouping nodes
  • Archiving tests
  • Fix timeline hierarchy update problems
  • Fix Timeline Selection bugs and crashes
  • Dont resize group when removing one of its sublayers
  • Fix moving layers command bug
  • Fix reloading of tracks
  • Made open folder button at TemplateExportProgressWindow
  • Performance improvements
  • Fix release problems
  • Updater fixes
  • Made dashPattern panel
  • Fix problem when computing row changes
  • Reload before expanding and collapsing
  • Enable live resizing optiosn for root layers
  • Handle updating the timeline when grouping and ungrouping and moving layers in hierarchy
  • Fix Bug preventing the deletion of tracks when deleting layers.
  • Snap play head to visible tick marks when dragging playhead and holding down CMD
  • Copy/Paste Tracks
  • Fix eye Icon bug
  • Fix soundTrack insert removal indexing bug
  • Fix keyvalue scaling
  • Fixed the logic for fading step right and left function
  • Fix drag and drop
  • Bug FIX: Clicking on easing curve in track should pop up easing curve controller”
  • Fix algin keyvalue undoing
  • prevent splitting step left right and middle animatins
  • Fix crash when area selecting out of range in timeline
  • Polish panels background colors and broders
  • Fix bug causing crash when removing first timeline
  • Set timeline cursors via cursor rects
  • Update DevMateKit to latest version
  • Show correct time in timeline pop up when dragging past beginning or end of timeline duration.
  • Fix problem where tracks would be cut off when resizing
  • Add TimelineHierarchyViewModel fix crashes
  • Allow splitting of layer and timeline Tracks
  • Add keyvalue hitting radius to metrics
  • Add pop up back to timeline
  • Added functionality to grey out sound and shape in the insert menu.
  • Polish timeline esthetics
  • Add file for defining night build pipeline
  • Implemented hand tool functionality in timeline
  • Check export directory and print better error
  • Added Tests for ExtendTimeline and ScaleTimeline commands
  • Reduce memory use
  • Usee all available size for timeline content view
  • Track cursor when dragging
  • Release script improvements
  • Remove unnecessary try?s
  • Fix flow file openning
  • New timeline
  • Fix memory leaks
  • Changed the stage background color for light theme
  • Fixed adding sound bug
  • Update stage colour
  • verify code signing in Release script and sign embedded libraries in Flow
  • Move Angle.swift to FlowCore and Make FlowCore a dynamic library instead of a static library.
  • Multiple applications of Keyvalue Distribute and Alignment commands should not have any affect after the first one.
  • Removed shadow opacity property
  • Added a test to check that anchor points dont move while scaling a middle KEyvalue
  • Allow selection of sublayers that our outside of groups bounds
  • Remove unnecessary resizing of group during grouping command
  • Polish Multi keyvalue info panel
  • Adjust timeline selection box stroke and fill
  • Clip values of properties when they exceed or subceed max and min values respectively
  • Additional features for the scale and clip/expand popup box in timeline
  • Add timeline zoom slider
  • Give user feed back when clicking on keyvalues align distribution icons
  • Fixed minior alignKeyvalue bugs
  • Added timelineselectionBox fillcolor
  • Hook up keyvalues alignment/distribution Buttons to Commands
  • Allow selection of sublayer outside of group bounds
  • Create Sound Drag Handler Use trackView in stead of SoundTrack View.
  • Implemented DistributeKeyvaluesAcrossTracksCommand
  • created Distribute Keyvalues within Track and Tracks Commands
  • Add resize group to fit menu item
  • When clicking on timline or layer keyframe not all selected keyvalues (not in key frame) are deselected
  • Implement dragging keyframes
  • Fix KeyFrame Selection
  • Add basic keyvalue alignment
  • Have only one timeline expanded at a time
  • DuplicATING keyvalues via dragging in timeline
  • Added relative changes mode
  • Implement Scaling of keyvalues with TimelineView via dragging
  • Remove refitting of group when moving sublayers
  • No longer re-fit group after resizing
  • Fix area selection box drawing
  • Optimize dragging of multiple keyvalues (without scaling) and fix selection bugs when dragging.
  • Fix duration undo titles prefill text field
  • Add scale and expand options to duration
  • Grouping Fixes
  • Correct playback selection when scrolling the timelineView
  • Fix undo for deleting tracks
  • Cleaned up timeline playback range selection
  • Fix Move Keyvalues bug when dragging to the left past t =
  • Move drag tolerance to base gesture handler only invoke timeline area select hander when drag does not start on to of keyvalue or keyframe
  • Added timeline zooming
  • Move Multiple Keyvalues
  • Add ability to select keyframes
  • Handle time range selection
  • Add TimelineAreaSelectHandler
  • Create TimelineGesture handler
  • Refactored selection logic in timeline fix selection bugs
  • Allow dragging after clicking to set animation position
  • Created TrackRowView
  • SyncUp vertical scrolling for tableview and outlineview of timeline
  • Round time when checking for key values
  • Clean up timelineView UI
  • Changing coordinates of view when clicking timeline
  • Split TimelineView into An Outline View and a TableView to Enable Zooming and panning in the future
  • Save scene scale and offset to document
  • Changed keyvalues time panel checks round earlier on property textfields linted
  • Removed unused connections
  • Remove unused TrackViewControllers when track nodes are removed from node hierarchy
  • Deselect keyvalues on brief mouseUp
  • centred small artboards in sketch
  • Move logic from trackview into VC
  • Added scaling keyvalues on multikeyvalue panel
  • Create pastekeyvaluesintolayer
  • Keep selected keyvalues selected if clicking on selected keyvalues
  • Keep keyvalues selected if shift click in timeline
  • Let multi-keyvalues panel call set animation curves command
  • Always round edges of tracks
  • Update copy keyvalue structure
  • Made start and end time editable for multi key value panel
  • Made ScaleKeyvaluesCommand
  • Draw left and or right side of keyvalues and track sections squared off when step animations are present to give user visual cue of step animation
  • Make left and right arrow keys move timeline scrubber
  • Change which extract function called
  • Made step track colours lighter
  • Fix layer resizing problem

Flow 0.6.0

Released May 19, 2018 | Fixes: 40

A New Version Another wicked release coming your way, brought to you by the lovely Flow team.

Requirements

Mac: Sierra (10.12)

Sketch: 51.3

Flow 0.6.0
Sketch 51.3

Sketch Fixes
Sketch 50 beta came out, and things broke again, but we fixed them:

  • Importing paths
  • Importing images
  • Importing text layers All work again.

Multi-Keyvalue Selection
Like music to my ears. This is one I’ve been waiting for for a long time.

  • You can select multiple key values.
  • And copy them…
  • And paste them…
  • Which requires some backend majique to remove redundant keyvalues
  • And also requires a much needed Multiple Keyvalue info panel
  • To make things easier we created some backend copy / paste helpers
  • Made sure the easing curve option ignore keyvalue pairs with the same value
  • Improved copy infrastructure

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.

  • Adds step curve option for animations
  • Support step animation in HTML export
  • Support step animation in iOS export
  • Adds color-tone change to track areas where steps happen

UI/UX
And for some lovely improvements to the user experience and interface:

  • Resize group layer when sublayer is deleted
  • Expand group in hierarchy view after undo brings back group
  • Remove jump when changing anchor point
  • Code preview works for multiple selection on hierarchy view
  • Made send feedback button in main window work again
  • Delete tracks in timelineview when deleting a layer
  • Resize scenes if too small in sketchImport window
  • Fix selection box problems
  • Prevent deletion of layers if dragging
  • Prevent skipping around in timeline while dragging on stage
  • Generate code if code preview is brought up

Export
The things we fixed when exporting your animations to code:

  • Round values on export
  • Export Images with the same name
  • Fix image and font changes on exported HTML
  • Made finish export only occur after export finishes
  • Prevent playing animation while mouse is down
  • Fix gradient export
  • Fix mask export for iOS

Stabilité
Tidbits.

  • Store images by hash in image catalog
  • Clear out test files for release < lightens the load
  • Fix group resizing when rotated
  • Fix problem when dragging too far with locked aspect ratio
  • Update gradient mask when necessary
  • Fix crash when resizing

Grouping
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.

  • Grouping used to destroy animations. Now it doesn’t.

Flow 0.5.0

Released Mar 16, 2018 | Fixes: 47

Halfway There... This release is so big we've got to break it up into little bits.

Requirements

Mac: Sierra (10.12)

Sketch: 49.3

Flow 0.5.0
Sketch 49.3

CODE EXPORT
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:

  • Added templates < wham.
  • Added HTML template
  • Added HTML/CSS animation export
  • Rebuild iOS export
  • Added exporting sounds (iOS) 🎶
  • Smart font exporting (iOS) - don’t export system font files, or files specified at www.iosfonts.com
  • Fixed exporting text and attributed strings
  • Fixed a reset issue for the timeline in an exported project (iOS)
  • Fixed how we handle horizontal and vertical flips / scaling in animations (iOS)
  • Fixed path rotation export - sets values instead of incrementing them.
  • Fixed path animation export
  • Added support for exporting masks (iOS)
  • Remove old codegen framework
  • Use new monolithic interface for Flood (TBH I have no idea what that means, but it’s by far the best commit title for this releasae!)

INTERFACE
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:

  • Made parent tracks look like child tracks (renders keyvalues into parent tracks, adds gaps, etc…)
  • Added a new export panel UI
  • As a user you can more easily move keyvalues between, or on top of other values
  • Updated the team list in the welcome window
  • Initiate code export with a key combo: CMD+E
  • Added a Send Feedback help menu item
  • Updated a link to tutorials
  • Made the eye / lock icons share a single column (option key toggles between them)
  • … AND
  • … LAST BUT NOT LEAST
  • Added the ability to drag and drop layer rows in the hierarchy panel!!@!@#!@#! (@jerbear poured a lot of bsat into this to make it tip-top)

EXPERIENCE
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:

  • Fixed the hide / lock button behaviour
  • If an animation is running and you change something, the timeline will now pause
  • Disabled the ability to accidentally right-click while dragging a keyvalue
  • Image tracks do not get generated if there is no change between artboards (this was actually quite tricky because they’re treated like completely separate objects even though they may look identical)
  • Fixed the re-expansion of the timeline (e.g. after undoing)
  • Fixed the resizing of groups
  • Fixed a small problem with layers having the same name
  • Added backwards compatibility for text color changes in old Sketch files
  • Prevent a silly and almost utterly unintelligible error dialog when exporting and overwriting folders
  • Wrote a much nicer, friendly, and generally more eloquent error message when loading old Sketch files
  • Fixed some issues with undoing of group move actions
  • Fixed / re-added the deletion of keyvalues
  • Fixed code preview (we lost it along the way)

PERFORMANCE
We tried to make things a little smoother as well.

  • Put the rendering of code preview on a background thread.
  • Increased responsiveness of the app when selecting many layers at the same time.

SKETCH IMPORT
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:

  • Extracted Sketch Kit (our lib for importing / handling Sketch files) into seperate library
  • Updated Flow to read Sketch version 49 files - I really wish we knew the future and could anticipate their releases
  • Fixed importing of text color
  • Fixed mask animation importing
  • Remove UUID from Keyvalues (thanks for the tip > @andydent)
  • Handle things better when a user has chosen artboards which don’t match
  • Handle pattern fill types

TESTS
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)

HELP
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.

Flow 0.4.4

Released Mar 2, 2018 | Fixes: 2

A Solid Mini Fix We missed a small but critical element in our last update.

Requirements

Mac: Sierra (10.12)

Sketch: 49.3

Flow 0.4.4
Sketch 49.3

Sketch
Two small fixes to catch up with the latest file versions in Sketch:

  • Updated import to handle Sketch 49 file format
  • A kiss from Jeremie

Flow 0.4.3

Released Feb 8, 2018 | Fixes: 3

A Quick Fix A couple of small fixes to catch up with the latest file versions in Sketch.

Requirements

Mac: Sierra (10.12)

Sketch: 48.2

Flow 0.4.3
Sketch 48.2

Crash
A couple of small fixes to catch up with the latest file versions in Sketch:

  • Updated import functionality to properly “handle” slices on images
  • Updated import for text color
  • New, more clear layout for the .dmg (now it makes sense)

Flow 0.4.2

Released Oct 29, 2017 | Fixes: 9

Steady As It Goes There are a bunch of improvements in this release.

Requirements

Mac: Sierra (10.11)

Sketch: 48.2

Flow 0.4.2
Sketch 48.2

Improvements

  • Removes group layers when they become empty
  • Draws shapes into the layer hierarchy (mmmmmmm)
  • You can now select layers – in the hierarchy panel – that are locked or hidden… This doesn’t select them on the stage.
  • Keeps all your selected rows selected when the document is refreshing (otherwise this would be really annoying).
  • You can only edit properties of selections if they’re unlocked and visible.
  • You can’t Ducplicate anymore, but you can Duplicate (thx @Michael Franco).
  • Fixes the generation of SVG code, it’s prettier now.
  • Prevents the exporting of iOS standards fonts (per: iosfonts.com).
  • Minimum build is now OSX 10.11 (thx @MvonS).

Flow 0.4.1

Released Oct 23, 2017 | Fixes: 18

A Lovely Look Wherein we introduce a major update to the look, feel and brand of Flow.

Requirements

Mac: Sierra (10.12)

Sketch: 47.1

Flow 0.4.1
Sketch 47.1

Updates

  • Update the brand! New app logos galore ;)
  • Adds a nice button for toggling the visibility of layers that are off of the main artboard.
  • Updated the look of thumbnails via a lovely QuickLook plugin.
  • Lots of visual polishing on the Hierarchy Panel.
  • Prevent deleting an object when deleting a track in the timeline.
  • Update parent tracks based on child track length in the timeline viewer.
  • Update links to external sites and email addresses, they now use createwithflow.com ;)
  • Track views show markers for key values in their child tracks.
  • Fixes for using custom fonts.
  • Keep timeline open while refreshing the document (i.e. so it doesn’t collapse all the time).
  • Fixes a bug where editing text in the property field crashed the application.
  • Update colors for selected tracks in timeline viewer.
  • Hots up the hierarchy view by adding custom icons depending on the layer type.
  • Puts some much needed love into how the eye / lock icons work in the hierarchy panel.
  • Fixed a bug where groups wouldn’t have opacity applied during import.
  • Fixes an error when exporting code with custom fonts.
  • Fixes a crash caused by an invalid layer state.
  • Makes an error message more palatable – for ensuring duplicate artboards have the same hierarchies.

Flow 0.4 38a

Released Oct 21, 2017 | Fixes: 19

A Quiet Release It was Travis' birthday two days ago, this was his present.

Requirements

Mac: Sierra (10.12)

Sketch: 47.1

Flow 0.4 38a
Sketch 47.1

Updates

  • Handle overwriting of fonts on export
  • Updates the error message
  • Fix Crash caused by trying to add invalid property to layer state
  • Fix error when overwriting fonts
  • Adds release assets, basics and travelapp sketch files
  • Removes old files, adds release-ready sketch files.
  • Fix group opacity and styling
  • Fix Shape properties not showing in the panel
  • Update lock / eye icon colors to white when selected in hierarchy
  • Arrow for selected track in timeline should remain blue.
  • Changed color of selectedTimeline row to lighter color
  • Adjust height of suffix labels
  • Group arrows dis/appear
  • Update color of hierarchy layer name when selected from stage
  • Add ability to drag and drop (layers) rows in hierarchy panel to modify layer hierarchy
  • Fix bug preventing rows in hierarchy panel from displaying
  • Reselecting the rows for currently selected layers when the document is refreshed.
  • Change appearance of mask to scene button to look like other tool bar buttons
  • Drawing shape layer image paths in the hierarchy panel to visually associate the layer

Flow 0.4 37a

Released Oct 19, 2017 | Fixes: 7

A Foreshadowing This is a quiet release.

Requirements

Mac: Sierra (10.12)

Sketch: 47.1

Flow 0.4 37a
Sketch 47.1

Updates

  • Reselecting the rows for currently selected layers when the document is refreshed.
  • Create unit tests for context sensitive selection infrastructure
  • Change website and emails to new flow website and emails in app
  • Change appearance of mask to scene button to look like other tool bar buttons
  • Drawing shape layer image paths in the hierarchy panel to visually associate the layer.
  • Removing group layers when they become empty.
  • Allow user to select layers in the hierarchy panel that are locked or hidden

Flow 0.4 36a

Released Sep 27, 2017 | Fixes: 18

A "First" Release We did a bunch of stuff.

Requirements

Mac: El Capitan (10.11)

Sketch: 46.2

Flow 0.4 36a
Sketch 46.2

Updates

  • Fix parent tracks don’t update based on child track length / time
  • Custom fonts not rendered properly
  • Fix app crashes when editing text in the text property field
  • Set type string of TextField property in TextLayerPropertiesPanel
  • Make leading edge of parent track start at appropriate location
  • Deleting a layer track deletes the object from the hierarchy and stage.
  • Expand previously expanded nodes after document refresh
  • Make Trackviews Associated to layers take into account the key value of their sublayers
  • Deleting a layer track deletes the object from the hierarchy and stage.
  • Visual polishing Hierarchy Panel
  • Restored sketch plugin
  • Visual polishing Hierarchy Panel (a)
  • Visual Polishing (non-Hierarchy Panel)
  • Changed Check out examples online url to http://createwithflow.com
  • Changed the display of thumbnails so that they do not show with a corner curl and with a white background.
  • Convert to Swift 4.0
  • Visual polishing
  • Add ui button for mask to scene
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 “”.