Skip to main content
Marianna_Pascucci
February 16, 2021

Show frame name in prototype

  • February 16, 2021
  • 36 replies
  • 5954 views

Hello,
I got a problem while prototyping and I would be interested in your opinion about it. When you’re prototyping on a big project we all know that it becomes really difficult with all those lines connecting a component to another one.
I usually use the prototype to test the interaction but what if when I find an error on the prototype? It becomes really difficult to understand which precise frame it is.
So in the prototype preview, I think it would be great to have not (only) the screen number “12/56” but the name of that frame to make it easier to find in the page.

I don’t know if I’m the only one experiencing this problem (maybe it’s just because I’m not using the right way to prototype?).
Have anyone of you experienced this?

36 replies

Joshblooq
February 20, 2023

We need this feature!!

Mathew_Lucas
March 7, 2023

Would love to see this in the product, even as an option in prototype mode for on/off.

So many clients need this while looking around the prototypes and giving feedback.

Montoya
March 11, 2023

This would be very helpful if we could see the frame name in prototype!

April 6, 2023

Adobe, please, we need this feature 🥹

April 11, 2023

After coming from XD, I really miss this feature. The evaluators do not have the right to see in editors. They are being shown in the Presenting link only and without Login. They come to me with screenshot rather than frame no as to where the changes to be done which is messing up and taking time. Please just show us the frame number which is presented and we will be fine 😦 😦

May 24, 2023

@Figma_Support cannot believe that such simple feature still does not exist.

March 25, 2024

Please please add this… Would make identify frames needing updates sooo much easier.

Nate_Gervenak
New Member
July 18, 2024

As a workaround, I did this:

  • Create a component set that contains two Frames
  • Set Frame_One to 100% transparency
  • In Frame_Two, add a block of text
  • Select that text and assign a ‘Text Property’
  • Add the component to a standard location on each of your pages
  • Select the component in each page and change the text property to match the Frame name.

Non-Hover State:
image

Hover State:
image

KennLucas
July 18, 2024

Have you considered the Flow Starting Point options?

  • On the prototype tab, select the frame you wish to label, then give it a Flow starting point name. Like “Home Page.”

  • Then when you present, if you show the sidebar, you will see a list of your added frames.

You can drag the order of flow points on your page (prototype tab). The FIRST one in the list will always be the one your prototype starts with if you just hit the play button.

  • You can even write a description for each frame.

  • Click the presentation view sidebar flow points to navigate to a specific frame.

  • You can right-click the sidebar items and get the link to the flow.

I use this for every professional presentation I do.

The help file is more confusing than it is worth. But here is the link. https://help.figma.com/hc/en-us/articles/360039823894-Create-and-manage-prototype-flows.

Robbie_Boyhan
New Participant
September 6, 2024

I agree. When we hand off links to our BAs to write functional specs they would also like to have context to the frame name they are writing about. And we don’t want to have to set up flows for every frame.