# how to comment in figma

Viewport: 1910x922 @1.25x

Playback: autoplay=false durationMs=3000 navBar=false arrows=true callouts=true browserBar=false browserTheme=light

1. [Intro] How to Comment in Figma
   - body: This guide provides step-by-step instructions on how to add comments within a Figma project. Follow these simple steps to effectively communicate your thoughts and feedback on designs.
   - voiceover: This guide will walk you through the steps to effectively add comments to your design in Figma. Commenting is a useful feature for collaboration and feedback. Follow the steps below to learn how to leave comments on your Figma design canvas.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e4phda00000dlk78xq4dp8.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
1. step_01 [image] - Open Figma.
   - source type: IMAGE
   - description: Select the Comment Tool
   - target: (904.6949038713234, 378.42098897076255), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (904.6949038713234, 378.42098897076255), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Launch the Figma application or go to the Figma website and log in to your account. Ensure you have the design file open where you want to add comments.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e4pon700020dlkc14280ej.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e3lizj000003huiapqjh3p.png
2. step_02 [image] - In the top-right corner of Figma, click on the Comment mode (speech bubble icon).

 
   - source type: IMAGE
   - description: Place Your Comment
   - target: (836.8836481339206, 653.2077360853468), rect: top=686.4000244140625 left=829.5 width=32 height=32
   - hotspots: 1
     - hotspot_01 (836.8836481339206, 653.2077360853468), rect: top=686.4000244140625 left=829.5 width=32 height=32
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: In the top-right corner of the Figma interface, click on the Comment mode button, which looks like a speech bubble icon. This will enable you to add comments to your design.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e4poo100030dlk5svgezag.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e3lnh1000103hugkedfiib.png
3. step_03 [image] - Click anywhere on the design canvas where you want to leave a comment. This will create a comment pin.
   - source type: IMAGE
   - description: Enter Your Comment
   - target: (888.9999873750179, 456.0000011399231), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (888.9999873750179, 456.0000011399231), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click anywhere on the design canvas where you want to leave a comment. This action will drop a comment pin on the specific area you clicked.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e4pooi00040dlk3qhserk0.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e3lpo1000203huueap43wb.png
4. step_04 [image] -  Type your comment in the textbox that appears after placing the comment pin and then hit enter.
   - source type: IMAGE
   - description: Submit Your Comment
   - target: (952.2105146410089, 457.3490263641246), rect: top=0 left=0 width=0 height=0
   - hotspots: 1
     - hotspot_01 (952.2105146410089, 457.3490263641246), rect: top=0 left=0 width=0 height=0
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: After placing the comment pin, a textbox will appear. Type your comment in the textbox and then hit the 'Enter' key to post it.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e4pooz00050dlkau1a2ygc.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e3lxry000303hu9d3smd1a.png
5. step_05 [image] - To view comments, click on the comment pins on the design canvas or use the 'Comments' panel to navigate through all comments.
   - source type: IMAGE
   - description: View Comments
   - target: (670.5484523564678, 493.51245033629755), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (670.5484523564678, 493.51245033629755), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: To view comments, click on any of the comment pins on the design canvas. Alternatively, you can use the 'Comments' panel to navigate through all comments in the design file.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e4popi00060dlk75jufin5.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e3lzuk000403huep4bcclq.png
7. [Outro] Congratulations 🎉
   - body: After adding comments, learn how to manage them by editing, replying, or resolving them to keep the feedback loop efficient.
   - voiceover: Now that you know how to add comments in Figma, you can start collaborating more effectively with your team by providing and responding to feedback directly within the design file.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9e3kxbc002qii0diz21lasq/cm9e4pleg00010dlk1n48df2i.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM

Source: https://share.layerpath.com/share/cm9e3kxbc002qii0diz21lasq/tour