Flinto for Mac
Flinto for Mac
Flinto for Mac Tutorials
A Tour of the Interface
An overview of creating your first Flinto for Mac document, adding screens and laying out the screen with assets from Finder.
Import from Sketch
Our Sketch plugin is a huge time saver.
Create simple but impressive screen-based transitions in Flinto for Mac's Transition Designer.
Easily create advanced transitions involving individual layers in Flinto for Mac.
Learn to simulate pop-up alerts and other types of overlaid content in this tutorial.
Make transitions that appear to take place in one screen using the powerful connected layer feature in Flinto for Mac.
Cell Swipe Transition
This example demonstrates how to build a cell swipe interaction in Flinto for Mac.
Learn how Flinto for Mac's reusable transitions work. This is a huge time saver!
Learn to build a 3D coverflow style transition in Flinto for Mac's transition designer.
Tinder Style Transition
Follow along with this example to create the much-requested Tinder photo swipe transition.
What is the Behavior Designer?
A quick overview of what the Behavior Designer can do.
Design a simple toggle switch behavior
Learn to make one of the most easiest types of behaviors.
Add Gestures to Toggle Switch
Spruce up your toggle switch with direct-manipulation gestures.
Star Rating Behavior
Using a state for each possible rating, it's easy to create a star-rating widget.
Button Press Behavior
One of the most common uses of behaviors is hover and active states for buttons.
Looping Animation Behavior
Make a continuously looping animation in the Behavior Designer.
Spinning Animation Behavior
Learn to make a layer spin forever, great for loading indicators.
Create an animation that is triggered by your scroll position.
Links and Gestures
Add interactivity to your prototype by creating links between screens. Flinto for Mac makes it easy!
Add scrolling areas to your screens using scroll groups.
Parallax Scrolling Effect
Use Flinto for Mac to simulate a parallax scrolling effect.
Background Color Fade Transition
A quick overview of how I created this card swipe transition with a nice color background fade effect.
Add video or animated GIF layers to your prototypes.
Re-Import from Sketch
A quick tour of Flinto's support for re-importing designs from Sketch.
Rectangle Shape Layers
Use rectangles to do quick mockups and create stunning animated effects.
Learn to use timer links to automatically trigger a transition to another screen.