Skip to main content
Solved

Prototype view settings when linking out from case study

  • February 21, 2023
  • 7 replies
  • 1431 views
Bronwyn1

Hi all

In my portfolio case study I have a link to a figma prototype / flow starting point with settings to view in desktop device.

My problem is the prototype opens up with some it cut off and the device off centre. If I close the side bar it rectifies.

When I am personally in Figma, playing my prototype I amn aware of the prototype settings - to hide side bar etc… which as far as I can tell has to be reset each time you view your prototype.

My problem: For visitors who don’t know figma - they are not going to know how to do this or bother to for that matter. It all opens up off centre which is not a very professional UX look when linking portfolio for job finding.

Any tips? Thanks 🙂

Best answer by tank666

When you share a prototype link, make sure it includes the following parameters:

  • show-proto-sidebar=0 — hides the sidebar;
  • hotspot-hints=0 — disables hotspot hints;
  • hide-ui=1 — hides Figma UI.

These parameters must be listed with an ampersand. For example: &show-proto-sidebar=0&hotspot-hints=0&hide-ui=1.

View original
This topic has been closed for comments

7 replies

tank666
  • tank666
  • 4863 replies
  • Answer
  • February 21, 2023

When you share a prototype link, make sure it includes the following parameters:

  • show-proto-sidebar=0 — hides the sidebar;
  • hotspot-hints=0 — disables hotspot hints;
  • hide-ui=1 — hides Figma UI.

These parameters must be listed with an ampersand. For example: &show-proto-sidebar=0&hotspot-hints=0&hide-ui=1.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
Victor_Spencer
Bronwyn1
Kidhack
4 people like this
  • Victor_Spencer
    Victor_Spencer
  • Bronwyn1
    Bronwyn1
  • Kidhack
    Kidhack
  • Philipp_Uxr
    Philipp_Uxr
Bronwyn1
  • Bronwyn1
  • Author
  • 9 replies
  • March 31, 2023

I am a bit delayed to reply but wanted to thank you @tank666 🙂

I never used ampersand before and you taught me something new. Thanks so much!!

Victor_Spencer
dvaliao
2 people like this
  • Victor_Spencer
    Victor_Spencer
  • dvaliao
    dvaliao
Kidhack
  • Kidhack
  • 6 replies
  • August 3, 2024

how do you disable shortcuts with code?

tank666
  • tank666
  • 4863 replies
  • August 3, 2024

Am I understanding correctly that you want to disable shortcuts in Presentation mode using a query parameter? If so, then the following parameter is responsible for this feature: disable-default-keyboard-nav=1.

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
Kidhack
Lucas Nascimento
2 people like this
  • Kidhack
    Kidhack
  • Lucas Nascimento
    Lucas Nascimento
Kidhack
  • Kidhack
  • 6 replies
  • August 3, 2024

Awesome. Thanks. Is there Figma documentation for these strings?

tank666
  • tank666
  • 4863 replies
  • August 3, 2024

The feature is documented only for “Hide UI”:

Figma Learn - Help Center
UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
Kidhack
  • Kidhack
  • 6 replies
  • August 5, 2024

Strangely, “R” still resets the prototype with disable-default-keyboard-nav=1.

Terms & ConditionsCookie settings

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