In this episode of our series on Figma tips and tricks we’ll look at ways to speed up your layer stacking. Let’s dive in!
1. Move Layers Up and Down
To quickly move an object up or down the layers stack, hold down CMD or CTRL (depending on your platform) and hit one of the square bracket keys [ or ]. The left square bracket will move an object down the stack, and the right square bracket will shift it upwards.
2. Move Layers to Top or Bottom of Stack
The previous keyboard shortcut, with the addition of holding a modifier key (ALT or SHIFT depending on your platform) will move an object to the top or bottom of the stack. So:
- ALT + CMD + [ or ] on Mac OS
- SHIFT + CTRL + [ or ] on Linux and Windows
3. Paste Object Directly Above a Layer
If you already know exactly where in your layer stack you want an object to appear, select the item that you want your new object to appear above (which you can do with either CMD or CTRL + click) then paste in your new object.
Figma Learning Resources
Stay tuned for more tips, and to start using Figma like a pro take a look at our series of courses:
FREEUI DesignIntroduction to FigmaAdi Purdila
- FigmaBeyond the Basics: FigmaAdi Purdila
- FigmaA Guide to Prototyping in FigmaAdi Purdila
- Hat tip to Carmel DeAmicis and Valerie Veteto for their regular community tips roundups—go and check them out!
The UI kit used in this tutorial is fully compatible with Figma and available from Envato Elements:
We've built a complete guide to help you learn figma design, whether you're brand new to Figma's design tools, or you want to take your skills to the next level.
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post