Skip to main content
Bronwyn1
Bronwyn1
New Participant
February 21, 2023
Solved

Prototype view settings when linking out from case study

  • February 21, 2023
  • 7 replies
  • 2030 views

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 🙂

    This topic has been closed for replies.
    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.

    7 replies

    tank666
    tank666Answer
    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/@tank
      Bronwyn1
      Bronwyn1Author
      New Participant
      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!!

        Kidhack
        Kidhack
        New Participant
        August 3, 2024

        how do you disable shortcuts with code?

        tank666
        tank666
        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/@tank
          Kidhack
          Kidhack
          New Participant
          August 3, 2024

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

          tank666
          tank666
          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/@tank
          Kidhack
          Kidhack
          New Participant
          August 5, 2024

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

          Terms & ConditionsAccessibility statement