Skip to content

How to Animate Your Arrows?

Follow these steps to animate arrows in the MockFlow WireframePro. Connect the shapes by switching them to Flow Mode and choose...

Updated 16 Sep 20261 min read

Follow these steps to animate arrows in the MockFlow WireframePro.


  1. Connect the shapes by switching them to Flow Mode and choose the arrow you want to animate.


Screen Shot 2025-02-17 at 2.43.16 PM.png


  1. The sidebar reveals a range of customizable options for arrows.


Screen Shot 2025-01-22 at 6.26.16 PM.png


Note: Arrow animation specifically applies to Dashed and Dotted arrow styles.


  1. Choose the arrow style based on your preference – either a Dotted line or a Dashed line.


Screen Shot 2025-01-22 at 6.27.02 PM.png


  1. Select the desired animation type from the available options.


Screen Shot 2025-01-22 at 6.27.44 PM.png


  1. Specify whether the animation should proceed Forward or Backward along the arrow's path.


Screen Shot 2025-01-22 at 6.28.17 PM.png







Was this page helpful?

Sign in to MockFlow

The same account you use in the app and on the API.

Forgot your password?
or
Continue with GoogleContinue with Microsoft