0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Guide · Prototyping

Figma Prototype Not Working? Why It Happens and How to Fix It

When a Figma prototype doesn't work, the cause is almost always structure. The design must sit inside a frame, only frames with connections play, and the destination of a connection has to be a top-level frame. Fix those three and most "greyed out" and "not showing" problems go away.

The rest are specific rules: Change to only works between variants of one component set, Fixed is blocked inside auto layout, and scrolling needs content bigger than the frame. Each one is below, most common first.

Updated Sep 24, 20264 min read
On this page
01

Why is On click greyed out?

The forum thread on On click being disabled has about 26.4k views. Figma's help centre doesn't list a single cause, but the documented rules explain most cases. Check these in order:

  • The layers aren't inside a frame. "The design must be within a frame in order to Preview or Present." Loose shapes on the canvas can't start or receive a connection. Select them and press ⌥⌘G (Ctrl+Alt+G on Windows) to frame them.
  • The destination is nested. A connection has to point at a top-level frame "in most cases". The only action that can target a layer inside the same top-level frame is Scroll to.
  • You're in the Design tab. Interactions live in the Prototype tab. Press Shift+E to switch.
02

Why isn't my prototype showing all frames?

Figma "will only display those frames with connections while playing the prototype." A screen with no arrow into it won't appear, even if it sits right next to the others. Draw a connection to it, or give it its own flow starting point: right-click the frame and choose Add starting point.

The prototype also opens from the flow's starting point. If it starts on the wrong screen, pick a different flow in the presentation sidebar or move the starting point. Figma adds one automatically on your first connection between two frames, which isn't always the screen you meant.

03

Why is After delay not working?

After delay isn't offered on every layer. Figma forum users report it only works on top-level frames, and that it greys out when the frame already has an After delay interaction. The help centre doesn't state the top-level rule, but it matches what people see: put the trigger on the screen frame, not a layer inside it. The delay is set in milliseconds.

04

Why can't I use Change to in Figma?

Change to only exists for interactive components, and it can only switch between variants in the same component set. If the option is missing or greyed out, the likely reason is that the layer isn't a variant inside a component set. Build the states as variants first; the component variants guide walks through it.

05

Elements not moving or not scrolling in the prototype

Scroll needs content bigger than the frame. Figma's own warning reads: "For scrolling to work on this frame, the content needs to be bigger than the frame." Set Overflow on the frame and check its size; how to add scroll in a Figma prototype has the full fix.

If Fixed is greyed out, the layer is inside auto layout. Turn on Ignore auto layout for it. More in why Fixed is greyed out.

06

Hover state sticks or doesn't fire

Figma's documented cause: when an instance has a prototype interaction and its variant has an interaction with the same trigger, "Figma will use the prototype interaction and ignore the variant interaction." Remove one of the two. The hover effect guide covers the setup that works.

07

Fonts look wrong in the prototype

Missing fonts in prototypes is one of the most-viewed Report a Problem threads (about 21k views). Changing variants can also swap a custom font to Inter. Start with fonts not showing in Figma.

  • Check link access in Share. "Only invited people" blocks anyone you didn't invite.
  • Prototype-only links are a paid-plan feature. On Starter, viewers can choose Open in editor and see the whole file.
  • On phones, the browser back action isn't supported. Build a back button into the screens. See how to view a Figma prototype on your phone.
Before sharing, press Shift+Space for an inline preview and click through every path once. Turn on "Show hints on click" in the options so a stray click highlights what's tappable.

New to wiring screens? Start with how to prototype in Figma, which covers connections, triggers, overlays and flows.

Ranked listThe best Figma plugins for prototyping in 2026
FAQ

Frequently asked questions

Why are some frames not showing in my Figma prototype?

Figma only shows frames that have connections while the prototype plays. Connect the frame to another screen, or right-click it and choose Add starting point to give it its own flow.

Why is On click greyed out in Figma?

Usually the layers aren't inside a frame, or the connection points at a nested frame instead of a top-level one. The design must be within a frame to play, and destinations must be top-level frames except for Scroll to.

Why is After delay greyed out in Figma?

Figma forum users report that After delay only works on top-level frames and can't be added twice to the same frame. Put the trigger on the screen frame itself.

Why can't I use Change to in Figma?

Change to only works on interactive components and only switches between variants in the same component set. Turn your states into variants of one component, then connect them.

Why doesn't my Figma prototype link work?

Check the link access setting in Share and make sure the viewer is invited or the link is open to them. Prototype-only links need a paid plan; on Starter, viewers can open the file in the editor instead.

Keep learning

More in Prototyping

All guides in Prototyping