Skip to content

Learn how to use the Annotation Arrow component in MockFlow Board to point out important details and improve visual clarity.

Updated 16 Sep 20261 min read

Available in:

Basic

WireframePro

MockFlow Board

Bundle Plan

Enterprise

The annotated arrow helps in highlighting important details without cluttering the workspace. This feature improves visual communication, ensuring messages are conveyed precisely.

How to add an Annotation Arrow?

Click on the 'Add' icon on the board, locate 'Annotation Arrow,' and drag it onto the canvas.


Adding Annotation Arrow - MockFlow IdeaBoard


Changing Arrow directions: By using these options, you can set the arrow direction to horizontal or vertical.

Changing Arrow directions - MockFlow IdeaBoard



Customizing Arrows: You can click the arrow and adjust the 'Border Color' and thickness directly from the quick toolbar.


Arrow Customization - MockFlow IdeaBoard



Enable Toggle Advanced Settings: By enabling 'Toggle Advanced Settings', you can use the 'Components' option to customize the arrows, which provides options like component settings & shadow settings.


Advanced settings in Annotation Arrow - MockFlow IdeaBoard








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