Mastering frame nesting in Figma

Putting a Frame inside another Frame sounds like madness, but it’s a core prototyping technique required for true Figma mastery.

Chuck Rice
UX Collective
Published in
8 min readNov 8, 2020

--

A page design, left, visualised using shadowed rectangles, right.
Visualising the Frame nesting used to achieve the design shown on the left.

Putting a Frame inside another Frame sounds like madness, but it’s a core prototyping technique you’ll need to learn for truly immersive prototypes. Not only is it key for basic interactions like…

--

--

Sr. Design Systems Designer @ Moonpig 🌙🐷 • Figma Community Advocate • 🎓 Educator: chk.fyi/LearnFigma • 383k+ Medium views • #DesignSystems #DesignOps.