Flinto for Mac 2 is available now. This major release includes a new feature called the Behavior Designer that allows for the creation of micro-interactions that happen within screens. This version also includes a redesigned, easier-to-use Transition Designer and we’ve added a way to share transitions and behaviors between Flinto documents.
We’ve reset all the Flinto for Mac free trials, so if you’ve tried it in the past, nows a great time to give it another look.
Use the Behavior Designer to create micro-interactions that happen within screens. Things like scroll-based interactions, looping animation, toggle switches, button effects and many others can be created. Behaviors are reusable, just like transitions. Behaviors can be interrupted, for super-responsive interactions.
Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs. Download Free Trial. Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs. Download Free Trial. Flinto works with macOS 10.13 and iOS 11.0 or newer. Animated Transitions. Design transitions between screens using Flinto’s Transition Designer. Flint OS is a fast, simple, secure and productive operating system, powered by the open source Chromium OS. Learn Flinto in a breeze. You will find two practical projects, in the course. The first one is a simple application mockup to help you become familiar with all the functions and tools of the Flinto app, including: transitions, behaviors, gestures, easing, and more advanced animations.
Using the behavior designer is fast, and modifying the animation is completely visual. You actually modify the very layers that animate so you don’t feel disconnected from the end result of your work.
Behaviors are applied to groups and consist of a series of states. By adding links in each state, you can navigate between them, animation happens automatically. Learn how to the Behavior Designer works in detail on our tutorial videos page.
To design a toggle switch, create an on and off state. Each of those states would have a tap gesture targeting the other state. You could add swipe gesture between the states too for added realism.
To make a looping animation in the behavior designer, make a state for each position of the layers, then link the states together with timer links.
For a scroll-based animation, use the new scroll gesture to link from one state to another. The animation from one state to the other happens as you scroll over the range you define. The example above uses two behaviors on the same group, one for the shrinking header and another for the parallaxing image on the right.
When you exit the Behavior Designer, you can focus back on other aspects of your prototype without worrying about the details of the behavior.
Also new in Flinto 2 is the ability to share transitions and behaviors between documents. Copying a link from one document to another makes any transitions associated with that link available in the new document. Groups with behaviors applied can also be copied into new documents and re-used.
This is great news for teams that want to share a standard set of transitions and behaviors. It’s also great for the overall community because it allows anyone to share a Flinto document full of cool transitions and behaviors for others to use.
The Transition Designer in Flinto for Mac also received attention in this update and is now even easier to use. We addressed several common sources of confusion in the Transition Designer and added a new setting for creating “aligned screen” transitions.
Flintoclass
- New start and end screen thumbnails make explicit which screen is the start and which is the end.
- The screen borders have been removed in favor of treating screens like groups. Clicking and dragging a screen moves the whole thing. Double click or command click to access layers inside.
- A new “Align Screens” check box locks the screens into alignment making this common scenario much less error-prone.
For this third installment of Flintco Forward’s look at the Texas Capitol Complex project, Ruben Martinez, President of Martinez Moore Engineers, LLC, Tom Stuhler, Vice President, Senior Project Architect, at HKS, Inc., Brian Eason, Senior Project Manager at HKS, Inc., and Jason Riley, Senior Superintendent, Flintco, LLC focused on the 1801 Congress portion of the project.
“The 1801 Congress project, also referred to as the George H.W. Bush building, is a 15-story office tower that sits on a four-story, below-grade garage,” Riley said.
Flintoclass Reviews
A lot of effort goes into keeping a project of this magnitude on track with the various Texas Facilities Commission Agencies.
“There is a lot of coordination necessary,” Stuhler said.
With five other packages to consider, this project touches upon others. Eason mentioned hundreds of people and multiple teams, from engineers to designers, working on this project phase.
/image%2F6178849%2F20201201%2Fob_95fd92_flinto-24.jpeg "Flinto")
Flintons
For Martinez, there’s a lot of pride on the line with his firm’s ability to tie the state’s traditions to those shaping Texas’ future the way companies such as Martinez Moore and HKS have done for years.
“When you can contribute to a very important part of Texas that a lot of people will one day get to enjoy, [including] everything this complex will have to offer, it’s just something I find very fulfilling,” Martinez said.
“All of the various phases are not under one general contractor’s direction or designed by one architect,” Riley said. “There are a lot of different challenges where these projects meet and come together, and there’s a lot of coordination that goes into that on Flintco’s end to make sure what we’re providing can tie into what the other contractors are providing and vice versa.”
Flintstones
One thing is for sure: the efforts, teamwork, and shared mission of so many will make the Texas Capitol Complex project a smashing success for Austin and something Texans can be proud of for years to come.