Figma
A revolutionary browser-based design tool transforming the design process with real-time collaboration and prototyping
Layout management shortcuts for efficiently building beautiful and functional designs with object positioning, alignment, and auto layout
Ctrl+G
Group Selection
Groups the selection.
💡 Hint: Group
🎯 Group related elements to organize design structure for easier management
Ctrl+Backspace
Ungroup Selection
Ungroups the selection.
💡 Hint: Ctrl + Backspace
🎯 Ungroup elements to enable individual editing for flexible layout adjustments
Ctrl+Alt+G
Frame Selection
Frames the selection.
💡 Hint: Ctrl + Alt + G
🎯 Frame selected elements to create a foundation for responsive layout design
Alt+A → Alt+D
Align Left/Right
Aligns objects left or right.
💡 Hint: Alt + A/D
🎯 Precisely align elements left or right to build professional layout foundations
Alt+W → Alt+S
Align Top/Bottom
Aligns objects top or bottom.
💡 Hint: Alt + W/S
🎯 Align elements vertically to achieve visual balance in the vertical direction
Alt+H → Alt+V
Align Centers
Aligns object centers.
💡 Hint: Alt + H/V
🎯 Center elements to achieve symmetrical and beautiful layout composition
Alt+Shift+H → Alt+Shift+V
Distribute Spacing
Distributes spacing between objects.
💡 Hint: Alt + Shift + H/V
🎯 Distribute spacing evenly between elements to create rhythmic and readable designs
Shift+A
Add Auto Layout
Adds auto layout.
💡 Hint: Auto Layout
🎯 Add auto layout to build flexible design systems that adapt to content changes
Alt+Shift+A
Remove Auto Layout
Removes auto layout.
💡 Hint: Alt + Shift + A
🎯 Remove auto layout to enable manual precise positioning adjustments
Ctrl+Alt+Shift+T
Tidy Up
Tidies up selected objects.
💡 Hint: Tidy Up
🎯 Automatically organize scattered elements to instantly create beautiful and orderly layouts