Annotating files for more detail

Add annotations to wireframes and other boards, to share important information with your team.

What is an annotation?

An annotation is a wireframe element which lets you point to a specific part of a board and describe it in more detail with a clear block of text. Perfect for explaining non-visual elements of a wireframe (like interactions), or adding more context.

Pro tip: Annotations can be added to any board by switching modes.

You can customize an annotation’s colour & icon, or number them automatically.

How to add an annotation

To add an annotation, switch to Wireframe mode (if you’re not in it already) and select annotation from the elements menu. Or hit “A” on your keyboard:

Drag the arrow to connect your annotation to the item it relates to. Optionally, change the colour or choose an icon:

Tip: Use different colors to represent different states, or types of annotation. E.g. yellow for “warning”.

Or, if you’d rather your annotations are numbered in sequence, choose this option:

Note: The numbers will increment automatically as new annotations are added. To adjust the order of the numbers, you’ll need to switch numbering off, then back on in the new sequence.

For more customized numbering (like repeated or skipped numbers) switch numbering off, and select a number icon:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.