The Figma shortcuts that cut through auto layout and speed up design work

A focused set of Figma shortcuts and overlooked features can reduce menu-hunting, bypass layout constraints and make everyday design tasks faster.

For designers who spend much of the day inside Figma, the difference between a smooth workflow and a clumsy one often comes down to a handful of habits. In a recent Automattic Design post, the team argued that memorising a small set of shortcuts is more useful than trying to learn every command at once, because the right keys can keep work moving and reduce unnecessary clicks. That advice lines up with broader Figma guidance, which consistently treats keyboard shortcuts and quick actions as the fastest route to common tasks. According to Figma’s own best-practices material, quick actions and shortcut-driven navigation are central to working efficiently in the app.

Several of the most practical time-savers are the ones that help users avoid Figma’s default layout behaviour. The Automattic post highlights holding Command while resizing a frame to ignore constraints, and using Ctrl while dragging items into an auto layout frame to let objects sit outside the normal flow. It also points to Shift-based modifiers for more precise control, including scrubbing values in the properties panel and sampling colour variables with the eyedropper. Similar advice appears in other shortcut guides, which note that Figma’s keyboard system is especially useful for resizing, arranging layers and managing objects without repeatedly opening menus.

The post also makes a strong case for shortcuts that improve editing speed once the basic selection model is understood. Among the most useful are Shift + Command + R for pasting and replacing a selected object, Opt + Command + G for wrapping a selection in a frame, and Shift + A for applying auto layout to selected layers. It also recommends Tab and Shift + Tab to move between sibling objects, along with Enter and Shift + Enter to travel up and down the layer hierarchy. Figma’s own documentation describes similar shortcuts for deep selection, layer navigation and preserving text formatting, underlining how much of the tool’s power comes from knowing the right key combinations.

A few of the less obvious tricks are aimed at presentation and review work. Automattic Design points out that Shift + Space opens an inline preview of a selected frame, which can be useful for testing prototypes but also for reviewing static mock-ups in context. It also notes that pressing 0 twice forces opacity to 0 per cent, while number keys can be used to set opacity quickly in larger increments. For image handling, Command + Shift + C copies a selection as an image, and Opt + Command + C copies properties such as fills, strokes, fonts and auto layout settings for reuse elsewhere.

Beyond shortcuts, the post draws attention to features that are easy to miss but can materially improve output quality. The Scale tool resizes every part of an element proportionally, including text, strokes and effects. Figma also offers a lock-aspect-ratio control, split tab views for working across two windows, and a built-in colour contrast checker in the colour picker to help designers check WCAG compliance. The article even notes that FigJam connectors can be reused inside Figma Design, where they snap neatly to the edges of frames and shapes, which can be helpful when building diagrams or interface maps. Taken together, the list is less a cheat sheet than a reminder that Figma rewards fluency: the more of the interface you can handle from the keyboard, the more time you save for actual design decisions.