Skip to content
MockFlow Docs

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

BasicWireframeProMockFlow BoardBundle PlanEnterpriseUpdated 16 Sep 20261 min read

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 MicrosoftContinue with Apple