Skip to main content
All CollectionsCollaborationAnnotations
Adding annotations to a screen
Adding annotations to a screen

Learn how to add annotations to a screen

Fatih avatar
Written by Fatih
Updated over 3 months ago

Zeplin’s Summer Breeze release has a new button at the bottom right of your screen to add annotation.

You can also add an annotation by using ⌘ + Click (Ctrl for Windows and Linux users) anywhere on the screen and selecting “Annotation” from the top left menu.

💁‍♀️ Annotations support basic Markdown; making it easier to stylize and organize information.

When you create an annotation on a screen, you can link it to a component, as well. You can select an annotation type to describe the stage of the development—such as Behavior, Animation, API, and so on. The annotation types would help your teammates filter annotations and quickly get what they need.

Annotation types

Behavior

Explain how a certain element in a design should behave.

Requirement

Document technical product decisions as you make them.

Animation

Describe the specs of an animation. You can include a GIF or link to a video.

API

Describe which API endpoints to use. You can give a high-level summary of an endpoint here, such as what properties/fields are required, and add a link to your API documentation.

Tracking

Define the tracking events for analytics tools—such as Mixpanel.

☝️ Defining custom annotation types is not available yet, but we're looking to add this soon!


Related articles

Did this answer your question?