Figma Keyboard Shortcuts: Boost Your Design Workflow
Learn essential Figma keyboard shortcuts for Windows and macOS. This comprehensive guide from Shortcuts Lib covers core actions, customization tips, and practical workflows to speed up prototyping, maintain consistency, and reduce mouse fatigue across projects.
Figma keyboard shortcuts streamline design work by letting you perform common actions without your mouse. This quick guide covers essential Windows and macOS shortcuts, plus strategies to customize and practice them for faster prototyping and consistent results. Mastery reduces context switching and keeps your focus on the interface and creative flow.
Why Figma shortcuts matter for speed and consistency
In professional design workflows, a well-chosen set of keyboard shortcuts for Figma reduces mouse travel, speeds up repetitive actions like duplicating components, grouping layers, and aligning elements, and helps maintain consistency across projects. Shortcuts support a smooth cognitive flow during rapid prototyping and review cycles. According to Shortcuts Lib, adopting keyboard shortcuts can reduce unnecessary mouse changes and keep you in the creative zone, which is especially valuable for multi-document workstreams. In this section, we’ll explore practical patterns and provide working examples you can adapt to your own setup.
// Example: simple keyboard shortcuts handler for a plugin UI
// This runs inside a Figma plugin's iframe or UI host
document.addEventListener('keydown', (e) => {
// Use platform-agnostic detection
const meta = e.metaKey || e.ctrlKey;
if (!meta) return;
switch (e.key.toLowerCase()) {
case 'd':
// Duplicate the current selection
if (typeof (figma as any).currentPage.selection?.length) {
// pseudo API call; actual duplication is a high-level action in real plugins
console.log('duplicateSelection() triggered');
}
break;
case 'g':
console.log('groupSelection() triggered');
break;
}
});{
"shortcutsMap": {
"duplicate": {"windows": "Ctrl+D", "macos": "Cmd+D"},
"group": {"windows": "Ctrl+G", "macos": "Cmd+G"},
"undo": {"windows": "Ctrl+Z", "macos": "Cmd+Z"},
"redo": {"windows": "Ctrl+Shift+Z", "macos": "Cmd+Shift+Z"},
"copy": {"windows": "Ctrl+C", "macos": "Cmd+C"}
}
} }],
prerequisites
prerequisites they must be ready before following this guide
items
link
Steps
Estimated time: 60-75 minutes
- 1
Set up a learning routine
Define a daily 15–20 minute window to practice a core set of shortcuts and gradually add more. Create a printable cheat sheet or sticky notes for quick reference, and place it near your workspace to reduce cognitive load when you switch tasks.
Tip: Start with 4–5 core shortcuts (Copy, Paste, Duplicate, Undo, Frame) and master them for a week before expanding. - 2
Practice cross-platform consistency
Learn both Windows and macOS variants for core actions. Use a small test file to compare results between platforms and ensure actions behave identically regardless of the OS.
Tip: Label shortcuts clearly in your cheat sheet to avoid platform confusion. - 3
Integrate shortcuts into your workflow
Map each shortcut to a natural action in your daily design tasks. For example, assign Duplicate to a frequently used component or Rename to common naming patterns.
Tip: Keep a single source of truth for shortcuts (a config file or shared doc). - 4
Test under realistic scenarios
Open a multi-artboard project and perform a sequence of actions using shortcuts only. Note any friction points and adjust mappings accordingly.
Tip: Record macro-like sequences to reuse in future sessions. - 5
Review and refresh
Every few weeks, audit your shortcut set to prune rarely used keys and add new ones that align with evolving workflows.
Tip: Solicit team feedback to identify gaps and consolidation opportunities.
Prerequisites
Required
- Required
- A modern browser (Chrome/Edge/Firefox)Required
- Basic keyboard proficiency (Windows and macOS)Required
Optional
- Optional: a simple UI code editor for plugin examplesOptional
Keyboard Shortcuts
| Action | Shortcut |
|---|---|
| CopyCopy selected content from text or layers | Ctrl+C |
| PastePaste content or layers into the canvas | Ctrl+V |
| DuplicateDuplicate current selection | Ctrl+D |
| UndoUndo last action | Ctrl+Z |
| RedoRedo last undone action | Ctrl+⇧+Z |
| GroupGroup selected layers | Ctrl+G |
| UngroupUngroup selected layers | Ctrl+⇧+G |
| Frame selectionFrame the current selection | Ctrl+Alt+F |
Questions & Answers
Do Figma shortcuts differ between macOS and Windows?
Yes. Most core actions have both Windows and macOS variants (for example, Copy is Ctrl+C on Windows and Cmd+C on macOS). Review the mapping before starting a session and practice both sets to stay fluent across platforms.
Yes. Mac and Windows share most shortcuts, with small symbol changes to adapt to the platform. Start with the common actions and practice both sets.
Can I customize Figma shortcuts or create my own mappings?
You can maintain a personal or team shortcut map by configuring bindings in your workflow files or UI code. This guide shows how to define a shortcuts.config.json and apply it in your plugin UI.
You can customize shortcuts by mapping actions to your preferred keys in a config file and loading them in your UI.
How should I learn shortcuts without losing sight of the UI?
Combine focused practice with on-screen hints and a cheat sheet. Start small, gradually expand, and test actions in real projects to build muscle memory.
Practice a few shortcuts at a time and test them in real projects so you remember their effects.
Are there shortcuts for accessibility and focus management in Figma plugins?
Shortcuts for accessibility focus patterns are important in plugin UIs. Use logical tab orders, visible focus indicators, and avoid trapping focus. This ensures keyboard users can navigate and activate controls.
Yes, plan your keyboard flow with accessibility in mind, including proper focus management.
What should I do if a shortcut conflicts with the browser or OS?
Choose mappings that don’t collide with essential browser or OS shortcuts. Document conflicts and adjust mappings or disable conflicting keys in the plugin UI.
If a shortcut clashes with something else, pick a non-conflicting key and document the change.
Is there a single source of truth for shortcuts I can share with teammates?
Yes. Maintain a centralized JSON or sheet that lists actions and platform-specific keys. This ensures everyone uses the same mappings and can onboard quickly.
Create a shared cheat sheet so teammates stay aligned on what each shortcut does.
Main Points
- Master core actions with both OS sets
- Customize a short, consistent shortcut map
- Practice daily to reinforce memory
- Use a cheat sheet for quick reference