All blogs

Top 113 Figma Keyboard Shortcuts To Use In 2025

Jul 30, 2025, 12:00 AM

12 min read

Figma Keyboard Shortcuts
Figma Keyboard Shortcuts
Figma Keyboard Shortcuts

Table of Contents

Table of Contents

Table of Contents

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. Hold Alt 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, like 2 then 5, 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.

  1. Click the Figma icon in the top-left corner to open the Main Menu.

  2. Go to Preferences.

  3. Select Keyboard Shortcuts.

  4. 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:

  1. V – Move Tool

  2. F – Frame Tool

  3. T – Text Tool

  4. R – Rectangle Tool

  5. O – Ellipse Tool

  6. L – Line Tool

  7. I – Color Picker

  8. Spacebar + Drag – Pan

  9. + / - – Zoom In / Out

  10. Shift + 1 – Zoom to Fit

  11. Shift + 2 – Zoom to Selection

  12. Ctrl + A – Select All

  13. Esc – Deselect

  14. Ctrl + Click – Deep Select

  15. Ctrl + G – Group

  16. Ctrl + Shift + G – Ungroup

  17. Ctrl + D – Duplicate

  18. Ctrl + C – Copy

  19. Ctrl + V – Paste

  20. [ – Send to Back

  21. ] – Bring to Front

  22. Alt + H / Alt + V – Align Centers

  23. Shift + A – Add Auto Layout

  24. Ctrl + Alt + K – Create Component

  25. Ctrl + / – Quick Actions

Ready to build real products at lightning speed?

Ready to build real products at
lightning speed?

Try the AI-powered frontend platform and generate clean, production-ready code in minutes.

Try the AI-powered frontend
platform and generate clean,
production-ready code in minutes.

Try Alpha Now