0
0
Figmabi_tool~10 mins

Fixed elements in prototypes in Figma - Interactive Code Practice

Choose your learning style9 modes available
Practice - 5 Tasks
Answer the questions below
1fill in blank
easy

Complete the code to fix the header during scrolling in a Figma prototype.

Figma
Select the header frame and enable [1] in the prototype settings.
Drag options to blanks, or click blank then click option'
AFix position when scrolling
BAuto layout
COverlay
DScroll to
Attempts:
3 left
💡 Hint
Common Mistakes
Choosing 'Auto layout' instead of fixing position
Using 'Overlay' which is for popups
2fill in blank
medium

Complete the step to fix a sidebar in a Figma prototype.

Figma
In prototype mode, select the sidebar frame and check [1] to keep it visible on scroll.
Drag options to blanks, or click blank then click option'
AFix position when scrolling
BSwap with
CScroll to
DNavigate to
Attempts:
3 left
💡 Hint
Common Mistakes
Selecting 'Scroll to' which moves viewport
Choosing 'Navigate to' which changes screens
3fill in blank
hard

Fix the error in this prototype setup to keep the footer fixed.

Figma
Footer frame is selected but [1] is not enabled, so it scrolls away.
Drag options to blanks, or click blank then click option'
AAuto layout
BScroll to
CFix position when scrolling
DOverlay
Attempts:
3 left
💡 Hint
Common Mistakes
Using 'Overlay' which is for popups
Forgetting to enable fixed position
4fill in blank
hard

Fill both blanks to fix header and sidebar in a Figma prototype.

Figma
Select the header and sidebar frames, then enable [1] and [2] respectively to keep them fixed.
Drag options to blanks, or click blank then click option'
AFix position when scrolling
BAuto layout
DOverlay
Attempts:
3 left
💡 Hint
Common Mistakes
Using 'Auto layout' which arranges elements
Choosing 'Overlay' which is for popups
5fill in blank
hard

Fill all three blanks to fix header, sidebar, and footer in a Figma prototype.

Figma
Enable [1] for header, [2] for sidebar, and [3] for footer to keep them fixed during scroll.
Drag options to blanks, or click blank then click option'
AFix position when scrolling
BAuto layout
Attempts:
3 left
💡 Hint
Common Mistakes
Mixing 'Auto layout' which is for layout, not fixing
Using different options for each element