Fixed Elements
Pin elements like headers, footers, or navbars to stay fixed while the rest of the content scrolls.
Prototyping
No shortcutIntermediate6 min readQuick Reference
Fixed Elements
FigmaKeyboard Shortcut
N/A
Toolbar Location
Figma toolbar
Best Used For
- ▸Refer to the tutorial content for specific use cases
- ▸Practice with sample projects to build experience
- ▸Combine with other tools for advanced workflows
Intermediate⏱ 30–60 minutes to master
Key Settings
Select:Fix:Test:
Fixed Elements stay in place while other content scrolls. They are essential for sticky headers, floating action buttons, and persistent navigation bars.
Where to Find It
Select a layer within a scrollable frame and check 'Fix position when scrolling' in the Prototype panel.
How to Use
- Select: Choose the layer you want to remain fixed (e.g., a header bar).
- Fix: In the Prototype panel, check the 'Fix position when scrolling' option.
- Test: Preview the prototype to verify the element stays fixed while content scrolls beneath it.
Pro Tips
- Use fixed elements for app bars, tab bars, and sticky call-to-action buttons.
- Multiple elements can be fixed within the same scrollable frame.