Skip to content

How canwe help?

Guides, references, and everything you need to get the most out of layernote.

DocsCore featuresAnnotations

Annotations

Pin feedback directly on any element.

Annotations are the core of layernote. They let you pin feedback to a specific element on a website or design, so there is never any ambiguity about what needs to change. Every annotation is tracked, assignable, and visible on both the project view and the kanban board.

Creating an annotation

To create an annotation, open your project and click on any element on the page. A pin is placed at that exact location and the annotation form opens. Type your feedback, configure the properties you need, and click Save. The annotation is now visible to everyone with access to the project.

Annotation properties

Each annotation supports the following properties to keep feedback structured and actionable.

Description

The main text of your feedback. Use this to explain what needs to change and why. Use @mentions to tag specific team members — they will receive a notification so they can respond quickly.

Priority

Set a priority level to indicate urgency: Critical, High, Medium, or Low. Priorities are color-coded across the interface and can be used to filter and sort annotations.

Labels

Add labels to organize and categorize your annotations. Labels are custom tags you create with a name, color, and optional description. Use them to group related feedback — for example, "typography," "spacing," "bug," or "content." You can create labels scoped to a specific project or shared across your entire workspace. Multiple labels can be applied to a single annotation.

Assignee

Assign an annotation to a specific team member. The assignee receives a notification and the annotation appears in their personal task list. You can reassign annotations at any time.

Attachments

Attach files to any annotation. Upload screenshots, reference images, documents, or any other file that provides context. Attachments are displayed inline in the annotation detail view.

Comments and replies

Each annotation has its own comment thread. Team members can reply to discuss feedback, ask questions, or provide updates. Comments support @mentions to notify specific people. You can edit or delete your own comments and replies.

Responsive annotations

Annotations in layernote are viewport-aware. When you create an annotation at a specific screen size, it is tagged with that viewport (desktop, tablet, or mobile). Switch between viewports to see only the annotations relevant to that breakpoint. If an element moves or reflows at different screen sizes, annotations stay pinned to the correct element on each viewport.

Managing annotations

Editing

Click on any annotation pin or open it from the annotation list to edit its properties. Changes are saved immediately and visible to all collaborators.

Resolving

When feedback has been addressed, mark the annotation as Resolved. Resolved annotations are hidden from the default view but remain accessible through the filters. This keeps your project view clean while preserving the full history.

Reopening

If a resolved annotation needs further attention, reopen it. The annotation returns to its previous status on the kanban board and becomes visible again in the default view.

Use the filter bar at the top of the annotation list to narrow down what you see. Filter by status, priority, label, assignee, viewport, or date range. Combine multiple filters to get a precise view of the feedback that matters to you.

The search field lets you find annotations by keyword. Combined with filters, this makes it easy to locate any piece of feedback, even in projects with hundreds of annotations.