> ## Documentation Index
> Fetch the complete documentation index at: https://www.magicpatterns.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Inline Comments

> Leave feedback directly on specific elements in a design

Inline comments let you leave feedback directly on specific elements in a design. This makes reviews faster, clearer, and easier to track across teammates and iterations.

![](https://mintcdn.com/magicpatterns/r7WxSEN_k7EK12_1/documentation/collaboration/images/comments-full-sidebar.png?fit=max\&auto=format\&n=r7WxSEN_k7EK12_1\&q=85\&s=ed02512e5655ad070bf7238660dbae95)

## Get your share link

To collect feedback, start by clicking on the Share button in the editor navbar.

**1. Open Share**

In the editor, click the Share button.

**2. Copy the Link**

![](https://cdn.magicpatterns.com/uploads/hLz5mzwxDWRcge45n1sdQz/share-panel.png)

**3. Send it to your teammates**

Anyone with the preview link can view the design and leave comments (if they
have access).

## Enter Comment Mode

### From the editor

* Click the **comment** icon in the editor navbar to toggle Comment Mode.

![](https://mintcdn.com/magicpatterns/r7WxSEN_k7EK12_1/documentation/collaboration/images/editor-room-comment-mode-button.png?fit=max\&auto=format\&n=r7WxSEN_k7EK12_1\&q=85\&s=4f0392593c64f7857fb056e2e7e6997d)

### From the share link

* Open the preview link and click the **comment** icon to toggle Comment Mode.

![](https://mintcdn.com/magicpatterns/r7WxSEN_k7EK12_1/documentation/collaboration/images/preview-link-comment-mode-button.png?fit=max\&auto=format\&n=r7WxSEN_k7EK12_1\&q=85\&s=2db7ee8a07ac32fa795578d15f67d755)

> [!TIP]
>
> You can quickly toggle Comment Mode with **C**. You can also
> hide/show comment indicators with **H**.

## Add an inline comment

Once Comment Mode is enabled:

**1. Click an element in the design**

Tap on the specific UI element you want to comment on.

**2. Write your feedback**

Add context, describe the issue, and include a suggestion if you can.

**3. Post the comment**

Your comment appears as an indicator on the design and in the comments
panel.

> [!NOTE]
>
> Comments are **tied to elements** in the design. If you resize
> the screen and elements move, your comments stay anchored to the right
> elements.

![](https://mintcdn.com/magicpatterns/r7WxSEN_k7EK12_1/documentation/collaboration/images/adding-new-comment.png?fit=max\&auto=format\&n=r7WxSEN_k7EK12_1\&q=85\&s=c3a59016214210d6afb126ad4a05e3ad)

## Commmon workflows:

* Async design reviews: Share a preview link, ask reviewers to leave comments directly on the relevant UI, and iterate without long meetings.
* Collecting feedback: Product, engineering, and stakeholders can comment on exactly what they mean—even if they're not editing the design.
* Bug or polish tracking: Use comments as a lightweight checklist while you refine the UI (resolve items as you address them).
* Version-aware feedback: Comments can be grouped by design version, so you can understand what feedback applies to which iteration.

## Troubleshooting

> [!WARNING]
>
> If you don't see comment indicators in the editor, make sure **comment mode**
> is active (toggle it in the toolbar).

## Video Guide

This topic is covered in our video lesson [Team Workflows and Sharing](https://www.magicpatterns.com/docs/documentation/guide/team-workflows-and-sharing.md).

[Team Workflows and Sharing](https://www.youtube.com/embed/KMd_1dNQLeI?si=9xAlg5KBE941_5sP)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.