Figma is a central tool for interface design and developer collaboration. To move from proficiency to mastery, you must integrate its powerful commands into your muscle memory. This guide provides a definitive list of Figma keyboard shortcuts designed to accelerate your workflow. We will cover 113 commands that let you manipulate objects, manage text, and organize your files with unmatched speed, helping you and your team build better products faster.
Why Keyboard Shortcuts Matter in Figma
Figma has established itself as the standard for UI/UX design. Its collaborative features make it an essential part of the modern tech stack, connecting designers with the engineering teams who bring mockups to production. For frontend developers and tech leads, understanding Figma's efficiencies is not just about design; it's about streamlining the entire product development cycle.
Efficiency Boost
Workflow automation is critical in fast-paced development environments. Relying on keyboard commands instead of mouse clicks reduces cognitive load and saves seconds on every action. A 2025 analysis from Productivity Patrol indicates that developers who master their primary software's shortcuts can reclaim up to 40 minutes of productive time each day. These small gains accumulate, leading to faster iterations and smoother handoffs.
Customization
Figma permits you to tailor its interface and commands to your specific needs. By learning and customizing Figma keyboard shortcuts, you create a personalized workflow that minimizes friction. This allows you to focus on solving complex problems related to codebase architecture and user experience rather than fighting with the tool itself.
Top 113 Figma Keyboard Shortcuts for 2025
General Shortcuts for Figma
These commands help you manage the Figma interface itself, giving you quick access to panels and view options.
Quick Actions & UI Elements
Ctrl + /
– Open Quick Actions. This is your command center for finding any action in Figma.Ctrl + .
– Show/Hide UI. Use this for a presentation mode that hides all panels.Ctrl + Alt + \
– Show/Hide Multiplayer Cursors. Clean up your view during a team session.Shift + R
– Show/Hide Rulers. Essential for precise alignment.Ctrl + Y
– Toggle Outlines. See the wireframe structure of your designs.Ctrl + Shift + P
– Toggle Pixel Preview. Check how vector shapes will render.Ctrl + Shift + G
– Toggle Layout Grids. View or hide your predefined grids.Ctrl + '
– Toggle Pixel Grid. Snap to a pixel-perfect grid for detailed work.
Panels Navigation
Alt + 1
– Open Layers Panel. Quickly access the layer hierarchy.Alt + 2
– Open Assets Panel. Find your components and library items.Alt + 8
– Open Design Panel. The primary inspector for object properties.Alt + 9
– Open Prototype Panel. Switch to prototyping connections.C
– Add Comment. Start a conversation or leave a note for your team.
Essential Design Tools Shortcuts
Switch between core tools instantly without navigating the toolbar. This set of commands is fundamental for anyone building interfaces in Figma.
V
– Move Tool. The default tool for selecting and moving objects.F
– Frame Tool. Create containers for your screens or components.P
– Pen Tool. Draw custom vector shapes and paths.Shift + P
– Pencil Tool. Freehand draw vector lines.T
– Text Tool. Add and edit text layers.R
– Rectangle Tool. Quickly draw rectangles.O
– Ellipse Tool. Draw circles and ovals.L
– Line Tool. Create straight lines.Shift + L
– Arrow Tool. Draw vector arrows.S
– Slice Tool. Define export regions on your canvas.I
– Color Picker. Sample colors from any object or image.B
– Paint Bucket. (This tool is now part of the fill properties and does not have a default shortcut).
Navigating the Design Space
Move around your canvas with speed and precision. Efficient navigation is a cornerstone of a productive workflow.
Zooming and Panning
Spacebar + Drag
– Pan. Move around the canvas.+
– Zoom In.-
– Zoom Out.Shift + 0
– Zoom to 100%. View your design at its actual pixel size.Shift + 1
– Zoom to Fit. Fit all objects on the canvas into your viewport.Shift + 2
– Zoom to Selection. Focus on the currently selected object(s).N
– Zoom to Next Frame. Jump to the next frame on the canvas.Shift + N
– Zoom to Previous Frame. Jump back to the previous frame.
Page Navigation
Page Up
– Previous Page. Switch to the page above in your file's page list.Page Down
– Next Page. Switch to the page below.
Selection and Grouping Shortcuts
Selecting the right layers and grouping them effectively are core actions in any design file. These commands give you granular control.
General Selection
Ctrl + A
– Select All. Select every object on the canvas.Ctrl + Alt + A
– Select Inverse. Select all unselected objects.Esc
– Deselect. Clear your current selection.Ctrl + Click
– Deep Select. Select a nested layer directly, bypassing its container.Ctrl + Right-click
– Select Layer Menu. Show a menu of all layers under your cursor.Enter
– Select Children. Move your selection to the layers inside a group or frame.Shift + Enter
– Select Parent. Move your selection up to the containing group or frame.
Advanced Selection
Tab
– Select Next Sibling. Select the next object at the same hierarchy level.Shift + Tab
– Select Previous Sibling. Select the previous object at the same level.Ctrl + G
– Group Selection. Combine selected objects into a group.Ctrl + Shift + G
– Ungroup Selection. Disband a group.Ctrl + Alt + G
– Frame Selection. Wrap selected objects in a new frame.Ctrl + Shift + H
– Show/Hide Selection. Toggle the visibility of selected layers.Ctrl + Shift + L
– Lock/Unlock Selection. Prevent accidental edits to selected layers.
Layer and Object Manipulation
Arrange, align, and distribute objects with pixel-perfect precision. These commands are essential for creating clean, organized layouts.
Ctrl + ]
– Bring Forward. Move selection up one level in the layer stack.Ctrl + [
– Send Backward. Move selection down one level.]
– Bring to Front. Move selection to the top of the layer stack.[
– Send to Back. Move selection to the bottom.Shift + H
– Flip Horizontal.Shift + V
– Flip Vertical.
Alignment and Distribution
Alt + A
– Align Left.Alt + D
– Align Right.Alt + W
– Align Top.Alt + S
– Align Bottom.Alt + H
– Align Horizontal Centers.Alt + V
– Align Vertical Centers.Ctrl + Alt + Shift + H
– Distribute Horizontal Spacing.Ctrl + Alt + Shift + V
– Distribute Vertical Spacing.Ctrl + Alt + T
– Tidy Up. Intelligently align and distribute a selection of objects.
Copy, Paste, and Duplicate Shortcuts
These universal commands are staples in any software, but Figma adds powerful variations that are useful for UI design. Using Figma keyboard shortcuts for these actions is second nature.
Ctrl + C
– Copy.Ctrl + X
– Cut.Ctrl + V
– Paste.Ctrl + Shift + V
– Paste to Replace. Paste content to replace the selected object(s).Ctrl + D
– Duplicate. Create an identical copy of the selection in place.Ctrl + R
– Rename Selection. Quickly rename a layer or group.Ctrl + Shift + E
– Export. Open the export settings for the selected items.
Advanced Editing Tools
Use advanced commands to copy properties, manage images, and edit shapes with more precision, such as masking a photo inside a circle.
Ctrl + Alt + C
– Copy Properties. Copy fill, stroke, and effect properties.Ctrl + Alt + V
– Paste Properties. Apply copied properties to a new selection.Ctrl + Shift + C
– Copy as PNG. Copy a PNG image of your selection to the clipboard.Alt (while hovering)
– Measure to Selection. HoldAlt
to see distances between objects.Alt + Drag
– Duplicate While Moving. A fast way to create copies.Ctrl + Shift + K
– Place Image/Video. Open the file browser to add media.Alt + Double-click
– Crop Image. Enter image crop mode.
The number keys are a fast way to adjust opacity:
1
– Set Opacity to 10%.5
– Set Opacity to 50%.0
– Set Opacity to 100%. (Pressing two numbers in quick succession, like2
then5
, sets opacity to 25%).
Shape Editing
Enter
– Edit Shape/Image. Enter vector edit mode or crop mode.Ctrl + Drag (with Pen Tool)
– Bend Tool. Bend a vector path.Shift + X
– Swap Fill and Stroke.Alt + /
– Remove Fill. Quickly remove the fill from a shape.Ctrl + Shift + O
– Outline Stroke. Convert a vector stroke into a filled shape.Ctrl + E
– Flatten Selection. Combine multiple shapes into a single vector path.Ctrl + J
– Join Selection. Connect endpoints of vector paths.Shift + Backspace
– Delete and Heal Selection. (Used in vector editing to remove points and connect adjacent ones).Ctrl + Alt + M
– Use as Mask. Create a mask from the selected shape.
Text and Typography Shortcuts
Efficiently format and adjust text without opening the Design panel. This is another set of Figma keyboard shortcuts that saves a great deal of time.
Ctrl + B
– Bold.Ctrl + I
– Italic.Ctrl + U
– Underline.Ctrl + Shift + X
– Strikethrough.Ctrl + K
– Create Link.Ctrl + Shift + 7
– Create Bulleted List.Ctrl + Shift + 8
– Create Numbered List.Ctrl + Alt + L
– Align Left (Text).Ctrl + Alt + T
– Align Center (Text).Ctrl + Alt + R
– Align Right (Text).Ctrl + Alt + J
– Align Justified (Text).
Text Adjustments
Ctrl + Shift + >
/<
– Adjust Font Size.Ctrl + Alt + >
/<
– Adjust Font Weight.Alt + >
/<
– Adjust Letter Spacing.Shift + Alt + >
/<
– Adjust Line Height.
Auto Layout, Components & Libraries
These shortcuts are vital for managing design systems and creating production-ready components. Understanding these commands is crucial for teams that value consistency and scalability.
Shift + A
– Add Auto Layout. Apply auto layout to a selection.Shift + Alt + A
– Remove Auto Layout.Ctrl + Alt + K
– Create Component. Turn a selection into a main component.Ctrl + Alt + O
– Open Libraries Modal. Access your team's shared libraries.
Figma Interface Customization and Other Tips
Mastering the default commands is the first step. The next is to personalize the tool to fit your exact workflow. The ability to modify Figma keyboard shortcuts is a powerful feature.
How to edit Figma keyboard shortcuts:
You can change nearly any shortcut in Figma to match your preferences. This is especially useful if you are transitioning from other design software like Sketch or AdobeXD.
Click the Figma icon in the top-left corner to open the Main Menu.
Go to
Preferences
.Select
Keyboard Shortcuts
.A new panel will open showing all available commands, organized by category. You can see the current shortcut and add or change it by clicking on it and typing your new key combination.
How to make the most of Figma's workflow:
According to AufaitUX, design teams that use a standardized set of shortcuts have reported a reduction in inconsistencies within their final deliverables. We suggest your team start by mastering the top 25 commands for selection, navigation, and object manipulation. Practice them until they become automatic. This investment improves both speed and the quality of handoffs to development.
Integrating keyboard shortcuts into your design process:
The consistent use of Figma keyboard shortcuts directly affects UI/UX design outcomes. It enables you to iterate and validate ideas faster. For developers, this means receiving more polished and consistent design files, reducing ambiguity and the time needed to translate mockups into code.
Conclusion
This guide has detailed 113 essential Figma keyboard shortcuts. Integrating these commands into your daily work will substantially increase your speed and precision. For engineering teams, this efficiency translates into clearer design communication and a more streamlined path from concept to production-ready code.
The true benefit comes from making these commands a part of your muscle memory. We encourage you to start with one section, such as Navigation or Selection, and practice those commands until they are second nature. This small change in your process will yield significant productivity improvements over time.
FAQ
1) What are the shortcut keys in Figma?
Figma uses keyboard commands to speed up design tasks. This guide details 113 Figma keyboard shortcuts for navigation, object manipulation, text editing, and more, helping you work much faster.
2) How to edit Figma keyboard shortcuts?
You can customize shortcuts via the Main Menu. Go to Preferences
, then Keyboard Shortcuts
. This opens a panel where you can view and change existing commands to suit your needs.
3) What is Ctrl+Alt+G in Figma?
The command Ctrl + Alt + G
instantly wraps your selected objects into a new Frame. This is useful for creating containers for components or screen layouts without manually drawing a frame.
4) What are the 25 shortcut keys?
For an immediate productivity boost, focus on these 25 commands:
V
– Move ToolF
– Frame ToolT
– Text ToolR
– Rectangle ToolO
– Ellipse ToolL
– Line ToolI
– Color PickerSpacebar + Drag
– Pan+
/-
– Zoom In / OutShift + 1
– Zoom to FitShift + 2
– Zoom to SelectionCtrl + A
– Select AllEsc
– DeselectCtrl + Click
– Deep SelectCtrl + G
– GroupCtrl + Shift + G
– UngroupCtrl + D
– DuplicateCtrl + C
– CopyCtrl + V
– Paste[
– Send to Back]
– Bring to FrontAlt + H
/Alt + V
– Align CentersShift + A
– Add Auto LayoutCtrl + Alt + K
– Create ComponentCtrl + /
– Quick Actions