Updated September 2026 100+ Verified Shortcuts Windows & macOS Mapped

Design Keyboard Shortcuts Guide 2026: Figma, Photoshop, Canva & Illustrator

The ultimate multi-software cheat sheet built to help UI/UX designers, digital artists, developers, marketers, and content creators work faster and eliminate repetitive mouse clicks.

Why Master Design Keyboard Shortcuts?

In high-pace design environments, the difference between an average creator and a top-tier visual specialist is workflow velocity. Every time you lift your hand from the keyboard to navigate toolbar menus or right-click dropdowns, you lose cognitive focus. Keeping your hands anchored on shortcut hotkeys cuts asset creation and editing time by 30% to 50%.

This authoritative reference categorizes verified shortcuts across the four dominant design tools: Figma (UI/UX & design systems), Adobe Photoshop CC (photo editing & compositing), Canva (rapid social graphics & presentations), and Adobe Illustrator (vector branding & typography).

Top 10 Most Useful Shortcuts for Beginners (Cross-Software Comparison)

Universal Cheat Sheet

Notice how common actions (like Duplicate) differ across apps — master these 10 core operations first to smoothly switch between creative suites.

Action Figma Photoshop Canva Illustrator
1. Copy Ctrl+C Ctrl+C Ctrl+C Ctrl+C
2. Paste Ctrl+V Ctrl+V Ctrl+V Ctrl+V
3. Undo Ctrl+Z Ctrl+Z Ctrl+Z Ctrl+Z
4. Redo Ctrl+Y or Shift+Z Ctrl+Shift+Z Ctrl+Shift+Z Ctrl+Shift+Z
5. Duplicate Ctrl+D Ctrl+J Ctrl+D Alt+Drag / Ctrl+D
6. Group Objects Ctrl+G Ctrl+G Ctrl+G Ctrl+G
7. Ungroup Ctrl+Shift+G Ctrl+Shift+G Ctrl+Shift+G Ctrl+Shift+G
8. Save / Export Ctrl+Shift+E (Export) Ctrl+S Auto-saved Ctrl+S
9. Zoom to Fit Shift+1 Ctrl+0 Ctrl+Alt+0 Ctrl+0
10. Search / Quick Actions Ctrl+/ or Ctrl+P Ctrl+F / (Slash key) Ctrl+F

Note: On macOS, substitute Ctrl with ⌘ (Command) and Alt with ⌥ (Option).

Windows vs. macOS Keyboard Modifier Conversion Guide

Whether you work on a Windows workstation or an Apple MacBook, design software hotkeys follow an identical ergonomic mapping. Here is how modifier keys directly translate:

Control (Ctrl)
Maps to Command (⌘) on Mac
Alternate (Alt)
Maps to Option (⌥) on Mac
Backspace
Maps to Delete on Mac
Enter
Maps to Return on Mac

1. Figma UI/UX Design Shortcuts (30+ Essential Hotkeys)

Official Figma 2026 Reference

Designed for interface designers, interaction specialists, and frontend devs building component design systems.

Core Tools & Shapes

  • Move Tool (Default Selection):
    V
  • Create Frame Container:
    F or A
  • Scale Tool:
    K
  • Draw Rectangle Shape:
    R
  • Draw Ellipse / Circle:
    O
  • Draw Line Segment:
    L
  • Draw Arrow Element:
    Shift + L
  • Vector Pen Tool:
    P
  • Pencil Tool:
    Shift + P
  • Create Text Box:
    T
  • Hand Tool (Pan Canvas smoothly):
    Space + Click & Drag

Auto Layout, Components & Fast Actions

  • Add Auto Layout:
    Shift + A
  • Remove Auto Layout Container:
    Alt + Shift + A (Mac: ⌥+Shift+A)
  • Figma Quick Actions / Search Menu:
    Ctrl + / or Ctrl + P (Mac: ⌘+/ or ⌘+P)
  • Create Main Component:
    Ctrl + Alt + K (Mac: ⌘+⌥+K)
  • Detach Component Instance:
    Ctrl + Alt + B (Mac: ⌘+⌥+B)
  • Duplicate Selection in place:
    Ctrl + D (Mac: ⌘+D)
  • Undo Last Action:
    Ctrl + Z (Mac: ⌘+Z)
  • Redo Action:
    Ctrl + Shift + Z (Mac: ⌘+Shift+Z)
  • Copy Properties / Styling:
    Ctrl + Alt + C (Mac: ⌘+⌥+C)
  • Paste Properties / Styling:
    Ctrl + Alt + V (Mac: ⌘+⌥+V)

Hierarchy, Navigation & Dev Mode

  • Deep Select Nested Layer (Bypass group container):
    Ctrl + Click (Mac: ⌘+Click)
  • Select Child Layer / Drill Down:
    Enter
  • Select Parent Container:
    Shift + Enter
  • Group Selection:
    Ctrl + G (Mac: ⌘+G)
  • Ungroup Selection:
    Ctrl + Shift + G (Mac: ⌘+Shift+G)
  • Zoom In / Zoom Out:
    Ctrl + + / - (Mac: ⌘++ / -)
  • Fit Canvas to Screen (Zoom to Fit):
    Shift + 1
  • Zoom to Selection:
    Shift + 2
  • Zoom 100% (Actual Scale):
    Shift + 0
  • Toggle Layout Grids (Show / Hide):
    Ctrl + Shift + 4 (Mac: ⌘+Shift+4)
  • Toggle Canvas Rulers:
    Shift + R
  • Toggle Figma Dev Mode:
    Shift + D
  • Export Selection Dialog:
    Ctrl + Shift + E (Mac: ⌘+Shift+E)
  • Copy Selection as PNG:
    Ctrl + Shift + C (Mac: ⌘+Shift+C)

2. Adobe Photoshop CC Keyboard Shortcuts (35+ Hotkeys)

Adobe Photoshop CC 2026 Reference

Essential keyboard hotkeys for photo retouchers, matte painters, concept artists, and commercial digital retouchers.

Layers, Transformations & Files

  • New Document Dialog:
    Ctrl + N (Mac: ⌘+N)
  • Open Document File:
    Ctrl + O (Mac: ⌘+O)
  • Save Document / Project:
    Ctrl + S (Mac: ⌘+S)
  • Duplicate Layer / Selection via Copy:
    Ctrl + J (Mac: ⌘+J)
  • Free Transform Tool (Scale, Rotate, Skew):
    Ctrl + T (Mac: ⌘+T)
  • Create New Layer:
    Ctrl + Shift + N (Mac: ⌘+Shift+N)
  • Stamp Visible Layers onto New Layer:
    Ctrl + Alt + Shift + E (Mac: ⌘+⌥+Shift+E)
  • Create / Release Clipping Mask:
    Ctrl + Alt + G (Mac: ⌘+⌥+G)
  • Merge Selected Layers:
    Ctrl + E (Mac: ⌘+E)
  • Group Selected Layers into Folder:
    Ctrl + G (Mac: ⌘+G)
  • Undo Last Step:
    Ctrl + Z (Mac: ⌘+Z)

Selections, Masking & Tools

  • Move Tool:
    V
  • Crop Tool:
    C
  • Select All Pixels / Canvas:
    Ctrl + A (Mac: ⌘+A)
  • Deselect Selection:
    Ctrl + D (Mac: ⌘+D)
  • Reselect Last Selection:
    Ctrl + Shift + D (Mac: ⌘+Shift+D)
  • Invert Selection Area:
    Ctrl + Shift + I (Mac: ⌘+Shift+I)
  • Standard Brush Tool:
    B
  • Eraser Tool:
    E
  • Clone Stamp Tool:
    S
  • Spot Healing / Healing Brush:
    J
  • Zoom In / Zoom Out:
    Ctrl + + / - (Mac: ⌘++ / -)
  • Fit Canvas on Screen:
    Ctrl + 0 (Mac: ⌘+0)
  • Toggle Canvas Rulers:
    Ctrl + R (Mac: ⌘+R)

3. Canva Graphic Design & Social Media Shortcuts (25+ Hotkeys)

Canva Web & Desktop App

High-speed shortcuts for social media graphics, presentation slides, and marketing asset creation.

Quick Insert & Magic Tools

  • Add Text Heading / Box:
    T
  • Add Rectangle Box:
    R
  • Add Circle Shape:
    C
  • Add Horizontal Line:
    L
  • Canva Magic Command Palette:
    / (Slash key)
  • Duplicate Selected Element:
    Ctrl + D (Mac: ⌘+D)
  • Delete Selected Element:
    Delete or Backspace

Arrangement, Grouping & Formatting

  • Group Selected Elements:
    Ctrl + G (Mac: ⌘+G)
  • Ungroup Selected Elements:
    Ctrl + Shift + G (Mac: ⌘+Shift+G)
  • Select All Elements on Page:
    Ctrl + A (Mac: ⌘+A)
  • Bring Element Forward:
    Ctrl + ] (Mac: ⌘+])
  • Send Element Backward:
    Ctrl + [ (Mac: ⌘+[)
  • Select Element Behind Overlap:
    Ctrl + Click (Mac: ⌘+Click)
  • Lock / Unlock Element:
    Alt + Shift + L
  • Copy Style (Format Painter):
    Ctrl + Alt + C (Mac: ⌘+⌥+C)
  • Paste Style (Format Painter):
    Ctrl + Alt + V (Mac: ⌘+⌥+V)
  • Zoom In / Zoom Out:
    Ctrl + + / - (Mac: ⌘++ / -)

4. Adobe Illustrator Keyboard Shortcuts (25+ Hotkeys)

Vector Graphics & Logo Design

The essential hotkeys for precision vector paths, anchor point manipulation, and brand identity design.

Vector Creation & Selection Tools

  • Selection Tool (Black Arrow):
    V
  • Direct Selection Tool (White Arrow):
    A
  • Pen Tool:
    P
  • Type Tool:
    T
  • Rectangle Tool:
    M
  • Ellipse Tool:
    L
  • Shape Builder Tool:
    Shift + M
  • Eyedropper Tool:
    I
  • Hand Tool (Pan Canvas):
    H or Space + Drag
  • Zoom Tool:
    Z

Object Management, Clipping & Views

  • Group Objects:
    Ctrl + G (Mac: ⌘+G)
  • Ungroup Objects:
    Ctrl + Shift + G (Mac: ⌘+Shift+G)
  • Duplicate Object (Repeat Transform):
    Ctrl + D (or Alt + Drag) (Mac: ⌘+D)
  • Paste in Front (Exact X/Y position):
    Ctrl + F (Mac: ⌘+F)
  • Paste in Place:
    Ctrl + Shift + V (Mac: ⌘+Shift+V)
  • Make Clipping Mask:
    Ctrl + 7 (Mac: ⌘+7)
  • Release Clipping Mask:
    Ctrl + Alt + 7 (Mac: ⌘+⌥+7)
  • Lock Selected Object:
    Ctrl + 2 (Mac: ⌘+2)
  • Unlock All Objects:
    Ctrl + Alt + 2 (Mac: ⌘+⌥+2)
  • Toggle Vector Outline Mode (X-ray view):
    Ctrl + Y (Mac: ⌘+Y)

Frequently Asked Questions (FAQs)

What are the most useful Figma shortcuts for everyday UI design?

The top Figma shortcuts are: Shift + A (Auto Layout container), F (Frame tool), Ctrl + D (Duplicate), Ctrl + Click (Deep Select nested layer), and Ctrl + / (Quick Actions command bar).

What is the shortcut for Auto Layout in Figma?

Select any group of objects or existing frame and press Shift + A. This converts them into a responsive Auto Layout frame. To remove Auto Layout, press Alt + Shift + A (or ⌥ + Shift + A on macOS).

How do I duplicate a layer in Photoshop?

In Adobe Photoshop, press Ctrl + J (or ⌘ + J on Mac). Unlike Figma and Illustrator which use Ctrl + D, Photoshop reserves Ctrl + D for Deselect.

What is the Canva duplicate shortcut?

In Canva, select any element or text box and press Ctrl + D (or ⌘ + D on Mac). You can also hold Alt (or Option on Mac) and drag the element to clone it.

What is the universal shortcut for grouping objects across design tools?

Across Figma, Photoshop, Canva, and Illustrator, the grouping shortcut is identical: Ctrl + G (or ⌘ + G on Mac). To ungroup, press Ctrl + Shift + G (or ⌘ + Shift + G on Mac).

Are Figma shortcuts different on Mac vs Windows?

Figma hotkeys share the exact same finger positions across both platforms. Replace the Windows Ctrl key with the Mac ⌘ Command key, and the Windows Alt key with the Mac ⌥ Option key.

How can I view the built-in Figma keyboard shortcuts helper panel?

Inside any Figma design canvas, press Ctrl + Shift + ? (or ⌘ + Shift + ? on Mac). A color-coded keyboard shortcut map will slide open from the bottom showing all shortcuts you've unlocked.

How can I view and customize Photoshop keyboard shortcuts?

In Adobe Photoshop, press Ctrl + Alt + Shift + K (or ⌘ + ⌥ + Shift + K on Mac) to launch the Keyboard Shortcuts & Menus editor, where you can modify or create custom hotkeys.

Does Canva support keyboard shortcuts on web and desktop?

Yes, Canva provides complete native keyboard support on both web browsers and their desktop apps, including instant 1-key element insertion (T for Text, R for Rectangle, C for Circle, L for Line) and the / Magic Studio slash command.

Which design software has the most keyboard shortcuts?

Adobe Photoshop and Adobe Illustrator possess the deepest keyboard shortcut ecosystems with hundreds of assignable actions dating back over 30 years. However, Figma features the fastest modern UI layout hotkeys centered around Auto Layout and components.

Explore Related Guides & Tools