Skip to main content
Question

Shortcut for Showing and Hiding Annotations


AntonTrofimov

Thanks for making Annotations available outside of Developer Mode! However, there’s no quick way to hide them, which can be a bit frustrating. When there are a lot of annotations, they tend to clutter the layout and make it harder to navigate.

5 replies

Arunkumar-pf

Thanks ​@AntonTrofimov for highlighting this issue. 

@figma design team - Annotations hovering over other screens are annoying at the stage devs reviewing and inspecting the screen next to the one has annotation! 

Yes, they can enable and disable the visibility in view > annotations - but it is tedious process to disable it every time they navigate through the flow! 

Solution options

best - if user hovering over a screen that has a overlap of an annotation, turn the annotation into xray mode where I can see the screen below, and doesn’t interrupt interactions on this screen. (I expect Figma would do something cool like this)

better - dedicated button for each annotation to collapse and expand (still the clicks are required). may be a auto hiding mechanism might help this. but can be annoying when there are more concentrated in a short space! 

better - a shortcut to make it visible and hide all at once (just like comments, or hide everything along with comments)

better / bad - allow moving annotations around. where this will give flexibility, it would result to cluttering the canvas, also hard time for devs to track the path to comments! 


Note: please implement this before the adoption increase, and I see many more start commenting on this thread. 


Sarah Castro Nogueira

Same issue here.. I would love the best solution proposed by Arunkumar-pf.


Holse_Mattias

My design team have the same issue. Although it was nice with the green bubbles to show annotations. That said, it is not bad to have the ability to see the annotations as long as you can easily disable them and turn them back into green bubbles as an option.

(The measurement tool is also annoying and have the same problems. My team only uses it to highlight to the developers, we don’t want to see them at all time ourselves)

Best solutions by ​@Arunkumar-pf 


Erin_HG
  • New Member
  • 3 replies
  • April 1, 2025

This is also a regression for me and my team. Now design mode is cluttered with annotation lines overlapping frames.

  • The green dot UI previously made it easier to see designs cleaner before clicking into annotations (also zoomed out views have become extra messy...)
  • Hiding annotations in design mode also hides them in dev mode. I would expect them to be independent so I can easily toggle between design mode (no annotations) and dev mode (annotations, measurements, etc)
  • No keyboard shortcut. I don’t love the idea of trying to educate all the devs on a new hidden preference they need to remember to toggle back & forth

Erin_HG
  • New Member
  • 3 replies
  • April 1, 2025

Ok I’ve noticed a sort-of workaround which is if you hide annotations, then switch to the annotation tool, annotations appear only while the tool is selected. This is serviceable for design mode but would still cause issues in dev mode, or it becomes very easy to forget annotations are hidden and to miss things.

I’d also argue that the way annotations are now kept visible but very tiny is a regression. With the old green dot UI, I could easy tell when frames had annotations even when zoomed out quite a bit. The new design makes it really hard to tell which frames have annotations at a glance when they are all very tiny, overlapping other frames, and the dotted lines are very small & gray.

This simultaneously makes them harder to see, but also obstructs design details underneath.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings