Annotation - notes, screen status, and better design handoffs

Good design files explain themselves. This plugin helps you add that explanation quickly, without slowing you down.

Designers today do more than draw screens. You also need to show the logic behind them: what happens when the internet is down, when an API call fails, when a list is empty, or when a user chooses "yes" instead of "no". Annotation gives you simple, ready-made pieces for all of this.

What you can add:

Callout: a numbered marker with a title and a short note. Pick which side of the frame it points to, and choose a dot colour.

Screen status: label a screen as Concept, WIP, In review, In development, Released, and more.

Platform indicator: show whether a design is for iOS, Android, or Web.

Decision node: a diamond with up to four branches. Each branch can be Yes, No, a custom label, or a plain dot you connect to another screen.

Failure and edge states: pick from a list (no internet, timeout, 404, session expired, rate limited, empty, loading, and more) and drop a clean, colour-coded legend.

State board: turn any frame, group, or layer into a small board that shows it in a success state and an error state, each with a wireframe to start from.

Link out: a card with a title, description, and an "Open link" button that opens your URL. Choose a document, file, chat, or globe icon.

Use it to make your screens clear for developers, product managers, and the rest of your team - and to think through the edge cases before they turn into bugs.