Back to Plugins
Annotation - notes, screen status, and better design handoffs

Annotation - notes, screen status, and better design handoffs

Callout, screen status, decision node, states and more assets for better design handoffs

Plugin Preview

Annotation - notes, screen status, and better design handoffs preview

About this plugin

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.

Plugin Details

Version10
CreatedAugust 27, 2026
Last UpdatedSeptember 28, 2026
CategoryFile organization plugins
CreatorLong Nguyen
Stats51 installs, 29 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none