Flinto doesn’t keep track of layers between screens automatically. That means if you have a small photo on one screen, and a large version of it on another screen, the small layer won't automatically scale up to the large version. This can be surprising at first, but it allows more flexibility, and allows a big reduction in the complexity of your prototypes. And fortunately, we have an easy to way to connect layers and achieve this behavior.

You can indicate that two layers from different screens are connected in a transition and they will be automatically be animated.

Ways to connect layers

  • Select both layers in the layer list of the Transition Designer and click the Connect Layers button.
  • Select both layers in the layer list of the Transition Designer and press the c shortcut key.
  • Select both layers in the layer list of the Transition Designer and choose Connect Layers from the Transition menu.
  • Right click and drag on a layer, then target the layer you wish to connect it to.

Connecting Scroll Groups

If you connect two scroll groups, their scroll position will be synchronized through the transition.

Connecting Video Layers

Video layers can be shared between screens without connecting them in the transition designer. Copy the same video layer between two screens and it will continue uninterupted.