The “this” in
“make it like this.”
Put the reference right beside the feedback. A video attached to the exact comment makes the intention easier to understand.
Some things need more than a comment. Attach a demo to the exact spot in Figma, so your team can see what you see.
Open a pin, watch a clip, or add a comment and attach your own.
The timing of an animation. A bug that’s hard to describe. That tiny detail that makes it feel right. Give your feedback the context words can’t quite capture.
Select a step to explore the demo above.
For the moments when another paragraph of feedback just won’t do.
Share access with collaborators, so the next person gets the context too.
A little context about the tool that gives your comments a little context.
Yes. DemoNote adds video context to that conversation. Use a clip to show an interaction, explain an issue or demonstrate exactly what you mean, attached to a specific comment.
DemoNote is a browser extension used alongside Figma in your browser. It adds a way to connect media to your comments without leaving the design workflow.
Yes. DemoNote supports shared access through invitations. Collaborators need DemoNote and access to the shared workspace to see its media; they also need permission to open the Figma file.
DemoNote has been built for Firefox and Chrome. The first public Firefox release is under review. Public installation links will appear here when they’re ready.
DemoNote runs as a browser extension, so use Figma in a supported browser. The native Figma desktop app is not supported.
Give your next Figma comment a little more context.
Firefox & Chrome · Public installation links coming soon
This creates a comment on the practice canvas.