How to annotate a dashboard
To annotate a dashboard, take a screenshot and add callout shapes in your design tool, use Figma's comment mode on the design file, or paste the live URL into a review tool so your client pins notes directly onto the dashboard. For client sign-off, the most reliable approach is a shareable link they open in a browser — no Figma account, no downloaded file, no scribble pasted back over email.
Screenshot the dashboard and annotate in Figma
Take a full-page screenshot of the dashboard (macOS: Cmd ⇧ 3 or Cmd ⇧ 4 for a region; Windows: Win ⇧ S). Paste it into Figma as a frame, then use Insert → Shape → Callout to place numbered bubbles next to each panel you want to explain. Keep annotation text to a phrase, not a sentence — "Revenue chart: compare to Q2 target" beats a paragraph. Group the screenshot and callout layer (Shift-click all → ⌘G) before you hand it to a developer. Most people forget this and the callouts drift the moment anyone scales the frame.
Use Figma's comment mode on the design file
If the dashboard was built in Figma, press C to switch to comment mode and click any element to pin a note to it. Comments are anchored to the frame and visible in the sidebar — replies, resolve, reopen — without touching the design layer. The catch most designers hit: anyone who wants to comment back needs a Figma Viewer account. That kills the client review loop before it starts. If you're annotating for your own dev handoff notes (not client feedback), Figma comments are fine. If the client is the one leaving notes, see step 4.
Annotate a live dashboard URL directly
If the dashboard lives at a real URL — a Looker embed, a Tableau Public link, a Retool app, a v0-generated page — paste it into a browser-based annotation tool. Tools like Marker.io or BugHerd let you point at any element on a live page and pin a note to it. This captures the actual DOM element rather than a static screenshot, which matters when the dashboard has interactive filters: a note on a dropdown that reads "this should default to current month" is pinned to the dropdown, not to wherever it happened to be on a screenshot. Both tools require browser extensions or a script tag on the page.
Share a link your client can mark up without an account
The workflow that fails most: you screenshot the dashboard, paste it into a Slack message or email, and the client replies "the chart on the right" or sends back a JPEG with red circles. The version that works: export the dashboard as a screenshot or PDF and share it as a public link. Your client opens it in their browser, clicks the exact panel they mean, and pins a typed note right there. No Figma account. No extension to install. No file to download. Every note arrives anchored to the spot they pointed at, in a thread you can reply to. When you update the dashboard, the same URL can serve the new version — so the client isn't confused about which PNG is current.
Building the dashboard in Figma or v0, or hosting it at a URL? Drop the screenshot or live URL into Drafty and share the link. Your client clicks the exact chart they mean — revenue panel, the filter bar, whatever — and pins a note right there. No Figma account, no browser extension. Every comment lands anchored to the spot, in a thread you can reply to and resolve. One link, the same URL across versions.
Open a live demoQuestions
- How do I get client feedback on a dashboard without giving them a Figma account?
- Export the dashboard design as a screenshot or PDF, then share it as a link rather than a file attachment. The client opens the link in their browser and clicks the element they want to comment on — no account, no software. Their note arrives anchored to the exact panel they clicked, not as a vague reply email.
- Can I annotate a live dashboard URL without a browser extension?
- Some tools require a browser extension (BugHerd, Marker.io) or a script tag on the page. If you want to avoid that, export a screenshot of the live dashboard and share it via a link-based review tool — the client gets the same ability to click and annotate specific panels without any install.
- What is the best way to annotate a dashboard in Figma?
- Press C to enter comment mode and click any frame element to pin a note. For a developer handoff spec, use a dedicated annotation plugin (EightShapes Specs or Annotate It) to generate a numbered callout layer alongside the design. Remember to group your callout shapes with the dashboard frame (Cmd G) so they scale and move together.
- How do I annotate a Tableau or Looker dashboard for review?
- Tableau and Looker don't have native comment-on-element features for external reviewers. The practical approach is to take a screenshot of the current dashboard view, export it as PNG or PDF, and share it via a link. Your reviewer clicks the chart or panel they mean and leaves a pinned note — no Tableau or Looker account required.
- What is the difference between a dashboard annotation and a dashboard comment?
- An annotation is a note you add as the designer to explain intent — labelling a KPI tile's data source, flagging a chart that updates on a date filter. A comment is a collaborative note left during review, meant to be replied to and resolved. Dashboard annotation (designer-authored) usually lives in Figma or a PDF callout; dashboard commenting (reviewer-authored) works best via a shared link with guest commenting.
- How do I collect feedback on a dashboard screenshot without email threads?
- Instead of emailing the screenshot and waiting for a reply, share it as a link. Your client opens the link in a browser, clicks the chart they mean, and types a note right there. All feedback arrives in one place, pinned to the specific panel, in a thread you can reply to. No version-confusion from multiple PNG attachments in different email threads.
Keep exploring
Stop emailing files back and forth.
Share one link. They comment on the exact spot — no account, always the current version.