Flinto for Mac

I co-founded and designed Flinto. As a company with less than five people, we’ve had an outsized impact on the industry. Flinto has become a widely used Mac app capable of creating high-fidelity prototypes with smooth animated transitions, scrolling, micro-interactions, live on-device preview and more.

Visit Flinto.com to learn all about Flinto. Below, I’ve highlighted some of my favorite Flinto features.

Transition Designer

The Transition Designer is a core feature of Flinto, it enables the creation of animated transitions between screens. My goal was to avoid anything that looked like programming while still allowing for creative freedom.

Link Line

The link line was designed to be fun, flexible and useful. It needed to work well in a wide variety of dynamic situations, which required me to work closely with my engineering partner as we iterated on all the details.

Color Picker

My design for Flinto’s color picker features a unique swatch system. The eyedropper can quickly load in swatches from any colors visible on screen and the Magic Swatch feature will detect a color value in the clipboard and generate a temporary swatch from it.

Adaptive Snap

When you drag a layer in a graphics app, you might see hundreds of snap lines flash on the screen, your layer jumps all over the place as it attempts to snap to various places.

Flinto’s Adaptive Snap analyzes the velocity and acceleration of your cursor while dragging, that data is used to intelligently disable snapping until you slow down and are ready to place the layer. The result is a drastic reduction of unnecessary and annoying snap lines.

Adaptive Resize Handles

In typical graphics tools, you have 8 resize handles available, unless the layer is very tiny, that means you need to zoom in to access certain resize handles, which just wastes your time.

I designed the Adaptive Handle system in Flinto to ensure that all 8 handles are usable at any zoom level and that the handles never cover the layer itself, so you can always drag it.