Skip to main content
Bronwyn1
Bronwyn1
New Participant
Feb 21, 2023 11:18 AM UTC
Solved

Prototype view settings when linking out from case study

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.
    tank666
    tank666Solution
    Feb 21, 2023 11:43 AM UTC

    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
    View in thread

    7 replies

    tank666
    tank666Solution
    Feb 21, 2023 11:43 AM UTC

    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
      Mar 31, 2023 4:19 PM UTC

      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
        Aug 3, 2024 12:04 AM UTC

        how do you disable shortcuts with code?

        tank666
        tank666
        Aug 3, 2024 6:46 AM UTC

        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
          Aug 3, 2024 7:58 AM UTC

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

          tank666
          tank666
          Aug 3, 2024 10:48 AM UTC

          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
          Aug 5, 2024 10:21 PM UTC

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

          Terms & ConditionsAccessibility statement