By clicking on the Leave Comments button (which is the default mode), a reviewer will be able to drop a feedback pin anywhere on your Figma frames and leave a general comment on that area of the design.
This feedback will need to be taken into account and actioned manually in Figma. You can also have a threaded conversion on these general types of comments by replying the original comment via the Commentful Figma plugin or directly in the Commentful web app.
By clicking on the Request Text Updates button, you can switch into a mode which reveals clickable areas where any Figma text layers are located in the original Figma frames.
This will allow a reviewer to click on any of these text areas and request text changes to that text layer.
When you view these text update requests in the Commentful Figma plugin, you'll be able to automatically apply these text content updates to the corrosponding Figma layer with one click.
By clicking on the Request Images Updates button, you can switch into a mode which reveals clickable areas where any Figma layers that contain Image fills are located in the original Figma frames.
This will allow a reviewer to click on any of these image areas and request an image update to that text layer by uploading an image file from their computer.
When you view these image update requests in the Commentful Figma plugin, you'll be able to automatically apply the image fill updates to the corrosponding Figma layer with one click.
You can reply to any feedback pins that were created in the Leave Comments feedback mode via the Commentful Figma plugin or directly in the Commentful web app.
You can edit any feedback pins that were created in the Request Text Updates feedback mode via the Commentful Figma plugin or directly in the Commentful web app by clicking on the Edit toggle button in the feedback sidebar (after clicking your pin), making any content updates in the text field, then clicking the Update Requested Text Change button too apply the update..
Viewing and searching all of the feedback on your review link
You can view a list of all the feedback that's been left on your current review link, you can click on the Show All Feedback button in the top right of the browser window.
This will show a list of all the feedback pins on your current review link, along with the comments or text/image feedback left on each one.
You can easily perform a text search of all the feedback by typing a word that queries for either the Comment content, the Username of the reviewer (this is the reviewer name that they set before leaving any feedback), or the Pin Number (if you already know the pin number you want to lookup).
You can click on any feedback pin that was left on your Figma frames by clicking any the numbered Pin icon buttons that are floating over your designs, which will open up the feedback left on that pin as a pop-out panel on the right side of your browser window.
If you're browsing all of the pins in the feedback panel list instead, you can also click on the Pin icon buttons next to each feedback item in this list as well, which will automatically scroll that comment into view and briefly animate it to make it easier to see (which can be useful if you have lots of pins on the page at once).
Along with leaving feedback on your designs, a reviewer can also set the approval status of any Figma frame by changing the Approval dropdown menu to one of the following options:
Not Approved Yet
Approved (With Changes)
Approved
Changing the approval status will update the color and status label above that Figma frame in your Commentful web app review link; this will allow you to easily see the approval status of your frames at a glance.
By default, all of the static Figma frames you've uploaded will be visible at once, where the reviewer can easily scroll vertically and horizintally to see all of the frames and add feedback where needed.
The way that the frames are displayed can be changed by clicking on a different View Mode button in the bottom left corner of the page when viewing a review link.
Copying a direct Commentful web app link to a Figma frame
You or your reviewers can copy a direct link to any Figma frame in your review link by clicking on the Copy Link To This Frame icon button, which will copy a direct link to the clipboard.
Pasting this link and visiting it in your browser will automatically scroll to that Figma frame on the review link, and also highlight it with a colored outline to easily see which frame is being linked to.
This feature can be useful for sending a link to a specific frame that you would like a reviewer to look at or provide feedback on.
Before someone can start leaving feedback on a review link, they'll need to set their name (to identify who has left which pieces of feedback).
The name input will appear automatically if it hasn't already been set, or you can change this manually at any time by clicking on the Name button in the bottom right corner of the page when viewing a review link.
Leaving general comments, text content and image content feedback
There are 3 different modes of feedback that a reviewer can use to provide general comments or text/image change requests:
Leave Comments
By clicking on the Leave Comments button (which is the default mode), a reviewer will be able to drop a feedback pin anywhere on your Figma frames and leave a general comment on that area of the design.
This feedback will need to be taken into account and actioned manually in Figma. You can also have a threaded conversion on these general types of comments by replying the original comment via the Commentful Figma plugin or directly in the Commentful web app.
Request Text Updates
By clicking on the Request Text Updates button, you can switch into a mode which reveals clickable areas where any Figma text layers are located in the original Figma frames.
This will allow a reviewer to click on any of these text areas and request text changes to that text layer.
When you view these text update requests in the Commentful Figma plugin, you'll be able to automatically apply these text content updates to the corrosponding Figma layer with one click.
Request Images Updates
By clicking on the Request Images Updates button, you can switch into a mode which reveals clickable areas where any Figma layers that contain Image fills are located in the original Figma frames.
This will allow a reviewer to click on any of these image areas and request an image update to that text layer by uploading an image file from their computer.
When you view these image update requests in the Commentful Figma plugin, you'll be able to automatically apply the image fill updates to the corrosponding Figma layer with one click.
Replying to general comment threads
You can reply to any feedback pins that were created in the Leave Comments feedback mode via the Commentful Figma plugin or directly in the Commentful web app.
Editing Text Change Requests
You can edit any feedback pins that were created in the Request Text Updates feedback mode via the Commentful Figma plugin or directly in the Commentful web app by clicking on the Edit toggle button in the feedback sidebar (after clicking your pin), making any content updates in the text field, then clicking the Update Requested Text Change button too apply the update..
Viewing and searching all of the feedback on your review link
You can view a list of all the feedback that's been left on your current review link, you can click on the Show All Feedback button in the top right of the browser window.
This will show a list of all the feedback pins on your current review link, along with the comments or text/image feedback left on each one.
Searching your feedback
You can easily perform a text search of all the feedback by typing a word that queries for either the Comment content, the Username of the reviewer (this is the reviewer name that they set before leaving any feedback), or the Pin Number (if you already know the pin number you want to lookup).
Navigating feedback pins left by reviewers
You can click on any feedback pin that was left on your Figma frames by clicking any the numbered Pin icon buttons that are floating over your designs, which will open up the feedback left on that pin as a pop-out panel on the right side of your browser window.
If you're browsing all of the pins in the feedback panel list instead, you can also click on the Pin icon buttons next to each feedback item in this list as well, which will automatically scroll that comment into view and briefly animate it to make it easier to see (which can be useful if you have lots of pins on the page at once).
Setting the approval status of a Figma frame
Along with leaving feedback on your designs, a reviewer can also set the approval status of any Figma frame by changing the Approval dropdown menu to one of the following options:
Changing the approval status will update the color and status label above that Figma frame in your Commentful web app review link; this will allow you to easily see the approval status of your frames at a glance.
Changing the view mode for the Figma frames
By default, all of the static Figma frames you've uploaded will be visible at once, where the reviewer can easily scroll vertically and horizintally to see all of the frames and add feedback where needed.
The way that the frames are displayed can be changed by clicking on a different View Mode button in the bottom left corner of the page when viewing a review link.
Copying a direct Commentful web app link to a Figma frame
You or your reviewers can copy a direct link to any Figma frame in your review link by clicking on the Copy Link To This Frame icon button, which will copy a direct link to the clipboard.
Pasting this link and visiting it in your browser will automatically scroll to that Figma frame on the review link, and also highlight it with a colored outline to easily see which frame is being linked to.
This feature can be useful for sending a link to a specific frame that you would like a reviewer to look at or provide feedback on.
Updating your reviewer name
Before someone can start leaving feedback on a review link, they'll need to set their name (to identify who has left which pieces of feedback).
The name input will appear automatically if it hasn't already been set, or you can change this manually at any time by clicking on the Name button in the bottom right corner of the page when viewing a review link.