In the world of digital design, Figma stands out as a powerful and versatile tool for creating stunning user interfaces and interactive prototypes. While its intuitive interface and robust features are well-known, there’s a hidden treasure trove that can truly elevate your design game: keyboard shortcuts. In this article, we’re diving deep into Figma’s keyboard shortcuts to help you navigate this design powerhouse like a pro. Whether you’re a seasoned designer or just getting started, these essential shortcuts will not only speed up your workflow but also boost your efficiency and productivity. Buckle up as we unveil the secrets to mastering Figma’s keyboard shortcuts.
Figma Keyboard Shortcuts: Navigating the Design Fast Lane
Here is a table of the keyboard shortcuts for Figma:
Windows Shortcut |
Mac Shortcut |
Action |
|---|---|---|
Shift + A |
Shift + A |
Add auto layout |
C |
C |
Add comment |
Alt + S |
Alt + S |
Align bottom |
Alt + H |
Alt + H |
Align horizontal centers |
Alt + A |
Alt + A |
Align left |
Alt + D |
Alt + D |
Align right |
Alt + W |
Alt + W |
Align top |
Alt + V |
Option + V |
Align vertical centers |
Ctrl/Cmd + B |
Ctrl + B |
Bend tool |
Ctrl + B |
Cmd + B |
Bold |
Ctrl + ] |
Cmd + ] |
Bring forward |
] |
Option + Cmd + ] |
Bring to front |
Ctrl + Shift + 8 |
Shift + Cmd + 8 |
Bulleted list |
Alt + L |
Option + L |
Collapse layers |
Shift + C |
Shift + C |
Comments |
Ctrl + C |
Cmd + C |
Copy |
Ctrl + Shift + C |
Shift + Cmd + C |
Copy as PNG |
Ctrl + Alt + C |
Option + Cmd + C |
Copy properties |
Ctrl + Alt + K |
Option + Cmd + K |
Create component |
Ctrl + K |
Cmd + K |
Create link |
Ctrl + Shift + < |
Shift + Cmd + < |
Decrease font size |
Ctrl + Alt + < |
Option + Cmd + < |
Decrease font weight |
Alt + < |
Option + < |
Decrease letter spacing |
Alt + Shift + < |
Alt + Shift + < |
Decrease line height |
Shift + Delete |
Shift + Delete |
Delete and heal selection |
Ctrl + Alt + B |
Option + Cmd + B |
Detach instance |
Alt + Shift + H |
Ctrl + Option + H |
Distribute horizontal spacing |
Alt + Shift + V |
Ctrl + Option + V |
Distribute vertical spacing |
Ctrl + D |
Cmd + D |
Duplicate |
Ctrl + Shift + E |
Shift + Cmd + E |
Export |
Ctrl + Shift + F |
Shift + Cmd + F |
Find next |
End |
End |
Find next frame |
Ctrl + Shift + D |
Shift + Cmd + D |
Find previous |
Home |
Home |
Find previous frame |
Ctrl + F |
Cmd + F |
Find |
Ctrl + E |
Cmd + E |
Flatten selection |
Shift + H |
Shift + H |
Flip horizontal |
Shift + V |
Shift + V |
Flip vertical |
Ctrl + Alt + G |
Option + Cmd + G |
Frame selection |
Ctrl + G |
Cmd + G |
Group selections |
H |
H |
Hand Tool |
Ctrl + Shift + > |
Shift + Cmd + > |
Increase font size |
Ctrl + Alt + > |
Option + Cmd + > |
Increase font weight |
Alt + > |
Option + > |
Increase letter spacing |
Alt + Shift + > |
Option + Shift + > |
Increase line height |
Ctrl + I |
Cmd + I |
Italic |
Ctrl + J |
Cmd + J |
Join selection |
Ctrl + Shift + ? |
Shift + Cmd + ? |
Keyboard shortcuts |
Shift + G |
Shift + G |
Layout grids |
Ctrl + Alt + O |
Option + Cmd + O |
Team library |
Ctrl + Shift + L |
Shift + Cmd + L |
Lock / Unlock selection |
Ctrl + Alt + \ |
Option + Cmd + \ |
Multiplayer Cursors |
Page Down |
Page down |
Next page |
Ctrl + Shift + 7 |
Shift + Cmd + 7 |
Numbered list |
Alt + 8 |
Option + 8 |
Open design panel |
Alt + 0 |
Option + 0 |
Open inspect panel |
Alt + 1 |
Option + 1 |
Open layers panel |
Alt + 9 |
Option + 9 |
Open prototype panel |
Ctrl + Shift + O |
Shift + Cmd + O |
Outline stroke |
B |
B |
Paint bucket |
Ctrl + V |
Cmd + V |
Paste |
Ctrl + Shift + V |
Shift + Cmd + V |
Paste over selection |
Ctrl + Alt + V |
Option + Cmd + V |
Paste properties |
Ctrl + Shift + R |
Shift + Cmd + R |
Paste to replace |
I |
I |
Pick color |
Shift + ‘ |
Shift + ‘ |
Pixel grid |
Ctrl + Shift + P |
Cmd + Shift + P |
Pixel Preview |
Ctrl + Shift + K |
Shift + Cmd + K |
Place image |
Page Up |
Page up |
Previous page |
Ctrl + / |
Cmd + / |
Quick actions |
Ctrl + Y |
Cmd + Y |
Redo |
Alt + / |
Option + / |
Remove fill |
Shift + / |
Shift + / |
Remove stroke |
Shift + R |
Shift + R |
Rulers |
Ctrl + Alt + P |
Option + Cmd + P |
Run last plugin |
Ctrl + Alt + S |
Option + Cmd + S |
Save to version history |
Ctrl + A |
Cmd + A |
Select all |
Ctrl + Alt + A |
Option + Cmd + A |
Select all matching layers |
Ctrl + Shift + A |
Shift + Cmd + A |
Select inverse |
Ctrl + [ |
Cmd + [ |
Send backward |
[ |
Option + Cmd + [ |
Send to back |
Ctrl + Shift + \ |
Option + Cmd + \ |
Show left sidebar |
Shift + O |
Shift + O |
Show outlines |
Ctrl + Shift + H |
Shift + Cmd + H |
Show / Hide selection |
Ctrl + \ |
Cmd + \ |
Show/Hide UI |
Ctrl + Shift + ‘ |
Shift + Cmd + ‘ |
Snap to pixel grid |
Ctrl + Shift + X |
Shift + Cmd + X |
Strikethrough |
Shift + X |
Shift + X |
Swap fill and stroke |
T |
T |
Text Tool |
Ctrl + Alt + T |
Option + Cmd + T |
Text align center |
Ctrl + Alt + J |
Option + Cmd + J |
Text align justified |
Ctrl + Alt + L |
Option + Cmd + L |
Text align left |
Ctrl + Alt + R |
Option + Cmd + R |
Text align right |
Ctrl + Alt + Shift + T |
Ctrl + Option + T |
Tidy up |
Ctrl + U |
Cmd + U |
Underline |
Ctrl + Z |
Cmd + Z |
Undo |
Ctrl + Shift + G |
Shift + Cmd +G |
Ungroup selection |
Ctrl + Alt + M |
Ctrl + Cmd + M |
Use as mask |
Ctrl + + |
Cmd + + |
Zoom in |
Ctrl + – |
Cmd + – |
Zoom out |
Ctrl + 0 |
Cmd + 0 |
Zoom to 100% |
Shift + 1 |
Shift + 1 |
Zoom to fit |
N |
N |
Zoom to next frame |
Shift + N |
Shift + N |
Zoom to previous frame |
Shift + 2 |
Shift + 2 |
Zoom to selection |
V |
V |
Move Tool |
K |
K |
Scale Tool |
F |
F |
Frame Tool |
P |
P |
Pen Tool |
Shift + S |
Shift + S |
Section tool |
Shift + P |
Shift + P |
Pencil Tool |
R |
R |
Rectangle Tool |
O |
O |
Ellipse Tool |
L |
L |
Line Tool |
Shift + L |
Shift + L |
Arrow Tool |
S |
S |
Slice tool |
Shift + I |
Shift + I |
Resources |
Alt + 2 |
Option + 2 |
Show assets |
Space + Drag |
Space + Drag |
Pan |
Esc |
Esc |
Select none |
Ctrl + Click |
Cmd + Click |
Deep select |
Enter |
Enter |
Select children |
\ |
\ |
Select parent |
Tab |
Tab |
Select next sibling |
Shift + Tab |
Shift + Tab |
Select previous sibling |
Alt |
Option |
Measure to selection (while pointing) |
Alt |
Option |
Duplicate selection (while moving) |
Ctrl + Click |
Cmd + Click |
Deep select within rectangle |
Alt |
Option |
Resize from center (while dragging) |
Shift |
Shift |
Resize proportionally (while dragging) |
Ctrl + X |
Cmd + X |
Cut |
Ctrl + R |
Cmd + R |
Rename selection |
00 |
00 |
Set opacity to 0 |
1 |
1 |
Set opacity to 10 |
5 |
5 |
Set opacity to 50 |
0 |
0 |
Set opacity to 100 |
Alt + Shit + A |
Option + Shift + A |
Remove auto layout |
Alt |
Option |
Swap component instance |
Ctrl + Alt + Shift + L |
Ctrl + Option + L |
Unlock all objects |
A table image is available at the end of this article.
Navigating Figma Like a Pro: Essential Keyboard Shortcuts
“Navigating Figma Like a Pro: Essential Keyboard Shortcuts” is your gateway to mastering one of the most powerful design tools in the digital realm. In the fast-paced world of design, efficiency is paramount, and this article delves into the key shortcuts that can make you a Figma pro. Whether you’re a seasoned designer looking to streamline your workflow or a newcomer eager to unlock the full potential of Figma, these essential keyboard shortcuts will be your secret weapon. From alignment to text manipulation and everything in between, this guide will help you work smarter and more efficiently in Figma, giving you the edge you need to create stunning designs with ease.
Speed Up Your Figma Workflow with These Handy Shortcuts
“Speed Up Your Figma Workflow with These Handy Shortcuts” is your ticket to a more efficient and productive design process. In the world of digital design, time is of the essence, and these carefully curated keyboard shortcuts are here to help you reclaim it. This article presents a collection of essential Figma shortcuts that will accelerate your workflow, from selecting and manipulating objects to precise alignment and text formatting. Whether you’re a novice or an experienced designer, these handy shortcuts will make your Figma experience smoother and more enjoyable, allowing you to focus on your creative vision without being bogged down by tedious tasks.
Mastering Selection and Manipulation Shortcuts
Efficiency in Figma begins with mastering the art of selecting and manipulating objects. These keyboard shortcuts will empower you to work seamlessly with your design elements, saving you precious time:
- Ctrl/Cmd + A: Select all objects in your frame or canvas.
- Ctrl + D / Cmd + D: Duplicate selected objects instantly.
- Ctrl + G / Cmd + G: Group selected objects to manage them as a single entity.
- Ctrl + Shift + G / Shift + Cmd + G: Ungroup your selections when needed.
- Ctrl/Cmd + X: Cut selected elements and move them with precision.
- Ctrl/Cmd + C: Copy objects to the clipboard for easy replication.
- Ctrl + V / Cmd + V: Paste copied items into your design effortlessly.
- Ctrl + Alt + V / Option + Cmd + V: Paste properties to apply styles efficiently.
- Ctrl + Z / Cmd + Z: Quickly undo actions to refine your design.
- Ctrl + Y / Cmd + Y: Redo changes when necessary.
Effortless Alignment and Distribution Tricks
Precise alignment and distribution of design elements can make or break your project’s visual appeal. These keyboard shortcuts provide you with the finesse needed to align and distribute objects effortlessly:
- Alt + V / Option + V: Align selected objects vertically at their centers.
- Alt + H / Option + H: Align objects horizontally, centering them effectively.
- Alt + A / Option + A: Align objects to the left edge for consistency.
- Alt + D / Option + D: Ensure objects align perfectly to the right.
- Alt + W / Option + W: Align objects to the top, maintaining visual balance.
- Alt + S / Option + S: Precisely align objects to the bottom.
- Ctrl/Cmd + ]: Bring objects forward within the layer hierarchy.
- ] / Option + Cmd + ]: Bring objects to the front, ensuring visibility.
- Ctrl + [ / Cmd + [: Send objects backward in the layer stack.
- [ / Option + Cmd + [: Send objects to the back, stacking order matters.
Text Editing Made Swift and Precise
- T: Activate the Text Tool for quick text input.
- Ctrl/Cmd + B: Apply bold formatting to selected text.
- Ctrl/Cmd + I: Add italics to your selected text.
- Ctrl + U / Cmd + U: Underline text for emphasis.
- Ctrl + [: Adjust the font size downward with precision.
- Ctrl + ]: Increase font size for better visibility.
- Ctrl + Alt + < / Option + Cmd + <: Decrease font weight to fine-tune your text style.
- Ctrl + Alt + > / Option + Cmd + >: Increase font weight for bold text effects.
- Ctrl + Shift + X / Shift + Cmd + X: Apply strikethrough to selected text.
- Alt + < / Option + <: Reduce letter spacing to refine text layout.
- Alt + Shift + < / Option + Shift + <: Decrease line height for optimal text spacing.
- Alt + > / Option + >: Increase letter spacing for unique text styling.
- Alt + Shift + > / Option + Shift + >: Increase line height for improved text legibility.
These shortcuts will transform your Figma experience, helping you become a more efficient and confident designer.
Efficiency Unleashed: Mastering Figma’s Keyboard Shortcuts
“Efficiency Unleashed: Mastering Figma’s Keyboard Shortcuts” is your gateway to a design workflow that’s faster, more fluid, and undeniably efficient. In the ever-evolving world of design, time is of the essence, and this article empowers you to harness the full potential of Figma through its keyboard shortcuts. Whether you’re an experienced designer looking to fine-tune your skills or a newcomer eager to streamline your design process, these shortcuts are the key to unlocking unparalleled productivity. From precision alignment to swift object manipulation and text editing, this guide will transform the way you work in Figma, giving you the freedom to focus on your creative vision and bring your designs to life with ease.
Figma Keyboard Shortcuts: The Designer’s Secret Weapon
“Figma Keyboard Shortcuts: The Designer’s Secret Weapon” reveals the hidden arsenal that can elevate any designer’s prowess in the world of digital creativity. In the competitive realm of design, speed and precision are paramount, and these shortcuts are the keys to unlocking your full potential. This article unveils a treasure trove of keyboard shortcuts specifically tailored for designers. Whether you’re a seasoned pro or just embarking on your design journey, these shortcuts will transform the way you work in Figma. From efficient object manipulation to pixel-perfect text formatting and everything in between, these secrets will make your design process smoother, faster, and more satisfying, allowing you to craft stunning visuals with unrivaled finesse.
Mastering the Essentials: Must-Know Shortcuts
Efficiency begins with mastering the essential keyboard shortcuts that every designer should have in their toolkit. These shortcuts are the foundation of a smooth Figma workflow, allowing you to navigate and manipulate your designs with ease:
- Ctrl/Cmd + C: Copy selected elements to the clipboard for quick duplication.
- Ctrl/Cmd + V: Paste copied items back into your design effortlessly.
- Ctrl/Cmd + Z: Undo actions when refining your design.
- Ctrl/Cmd + Shift + Z: Redo changes when needed.
- Ctrl/Cmd + S: Save your work and ensure your progress is secure.
- Ctrl/Cmd + D: Duplicate selected objects with a simple keystroke.
- Ctrl/Cmd + G: Group objects to manage them as a single entity.
- Ctrl/Cmd + Shift + G: Ungroup selections when necessary.
- Ctrl/Cmd + A: Select all objects in your canvas for quick adjustments.
- Ctrl/Cmd + F: Find elements within your design.
Advanced Techniques for Design Efficiency
Once you’ve mastered the essentials, it’s time to dive into advanced techniques that will elevate your design efficiency to the next level. These shortcuts cover a wide range of design tasks, from precise alignment to text formatting and more:
- Alt + V / Option + V: Align selected objects vertically at their centers.
- Alt + H / Option + H: Achieve precise horizontal alignment by centering objects.
- Alt + A / Option + A: Align objects to the left edge for consistent spacing.
- Alt + D / Option + D: Ensure perfect alignment to the right edge.
- Alt + W / Option + W: Align objects to the top edge, maintaining visual balance.
- Alt + S / Option + S: Precisely align objects to the bottom edge.
- Ctrl/Cmd + ]: Bring objects forward within the layer hierarchy.
- ] / Option + Cmd + ]: Bring objects to the front, ensuring visibility.
- Ctrl + [ / Cmd + [: Send objects backward in the layer stack.
- [ / Option + Cmd + [: Send objects to the back, adjusting stacking order.
Mastering these advanced techniques will truly make you a Figma power user, allowing you to craft designs with unparalleled speed and precision.
Streamline Your Design Process: Figma Keyboard Shortcuts You Should Know
“Streamline Your Design Process: Figma Keyboard Shortcuts You Should Know” is your roadmap to optimizing your design workflow in Figma. In the fast-paced world of digital design, efficiency is key, and this article equips you with the essential keyboard shortcuts that will significantly enhance your productivity. Whether you’re a design professional seeking to refine your skills or a newcomer eager to accelerate your learning curve, these carefully curated shortcuts will become your trusted companions. From precise alignment and object manipulation to text editing finesse, this guide empowers you to streamline your design process, allowing you to focus on creativity and innovation while harnessing Figma’s full potential.
Conclusion
In today’s fast-paced design world, Figma empowers designers to work smarter. Our journey begins with “Navigating Figma Like a Pro: Essential Keyboard Shortcuts,” introducing you to these shortcuts. “Speed Up Your Figma Workflow with These Handy Shortcuts” provides essential time-saving shortcuts. “Efficiency Unleashed: Mastering Figma’s Keyboard Shortcuts” delves into advanced techniques. “Figma Keyboard Shortcuts: The Designer’s Secret Weapon” unveils the power of these shortcuts. Finally, “Streamline Your Design Process: Figma Keyboard Shortcuts You Should Know” highlights shortcuts to enhance your design process. Embark on this adventure to transform your Figma experience.
Here is the table image for Figma’s keyboard shortcuts:
