Fixed elements in prototypes in Figma - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does 'fixed elements' mean in Figma prototypes?

Fixed elements are parts of your design that stay visible in the same place when you scroll through a prototype. For example, a top menu bar that stays at the top while you scroll down.

beginner

How do you make an element fixed in a Figma prototype?

Select the element, then in the Prototype tab, check the 'Fix position when scrolling' option. This locks the element's position on the screen during scrolling.

beginner

Why use fixed elements in a prototype?

Fixed elements improve user experience by keeping important controls or information visible, like navigation bars or buttons, so users don’t have to scroll back up.

intermediate

Can fixed elements overlap other content in Figma prototypes?

Yes, fixed elements stay on top of scrolling content. You should design carefully to avoid hiding important information behind fixed elements.

intermediate

What happens if you fix an element inside a frame that scrolls?

The element stays fixed relative to the frame’s viewport, meaning it stays visible while scrolling inside that frame but not outside it.

In Figma, how do you keep a header visible while scrolling in a prototype?

A Check 'Fix position when scrolling' for the header

B Group the header with other elements

C Use a separate frame for the header

D Convert the header to a component

Checking 'Fix position when scrolling' locks the header in place during scrolling.

What is a common use for fixed elements in prototypes?

A To keep navigation visible

B To change colors

C To hide content

D To create animations

Fixed elements often keep navigation or controls visible for easy access.

If a fixed element overlaps content, what should you do?

A Ignore it

B Make the element transparent

C Delete the fixed element

D Adjust the layout to avoid overlap

Adjusting layout ensures important content is not hidden behind fixed elements.

Where does a fixed element stay when placed inside a scrolling frame?

A Fixed relative to the whole page

B Fixed relative to the frame’s viewport

C Moves with the frame content

D Disappears when scrolling

Fixed elements inside a frame stay visible relative to that frame’s viewport during scrolling.

Which tab in Figma lets you fix an element’s position during prototype scrolling?

A Inspect tab

B Design tab

C Prototype tab

D Assets tab

The Prototype tab contains the option to fix position when scrolling.

Explain how fixed elements improve user experience in Figma prototypes.

Think about what happens when you scroll a webpage with a fixed menu.

Describe the steps to fix an element’s position in a Figma prototype.

Look for the option in the prototype settings panel.