Blog Details

  • Home
  • Blog
  • Unlock Design Speed: The Top 100 Figma Keyboard Shortcuts You Need to Know

Unlock Design Speed: The Top 100 Figma Keyboard Shortcuts You Need to Know

May 12, 2024

Figma has revolutionized the design world with its intuitive interface, collaborative features, and powerful design tools, becoming a go-to for UI/UX designers, graphic artists, and teams worldwide. However, as with any sophisticated tool,
navigating through its myriad of features and functions can be daunting, especially when deadlines are tight. That’s where keyboard shortcuts come in handy, offering a bridge to a faster, more seamless design experience. By mastering these
top 100 Figma keyboard shortcuts, you can significantly speed up your workflow, allowing you to focus more on the creative aspects of your projects. Whether you’re a seasoned Figma user or new to the platform, these shortcuts will help you
unlock new levels of productivity and creativity. Let’s explore the shortcuts that will transform the way you design in Figma.

General Navigation and Interface

  1. A – Frame Tool
  2. T – Text Tool
  3. R – Rectangle Tool
  4. O – Ellipse Tool
  5. L – Line Tool
  6. P – Pen Tool
  7. S – Slice Tool
  8. Ctrl/Cmd + G – Group Selection
  9. Ctrl/Cmd + Shift + G – Ungroup Selection
  10. Ctrl/Cmd + / – Quick Actions
  11. Ctrl/Cmd + Z – Undo
  12. Ctrl/Cmd + Shift + Z – Redo
  13. Ctrl/Cmd + F – Find
  14. Ctrl/Cmd + D – Duplicate
  15. Ctrl/Cmd + ] – Bring Forward
  16. Ctrl/Cmd + [ – Send Backward
  17. Ctrl/Cmd + Shift + ] – Bring to Front
  18. Ctrl/Cmd + Shift + [ – Send to Back
  19. Ctrl/Cmd + Alt + G – Create Component
  20. Ctrl/Cmd + Alt + K – Detach Instance

Zoom and View

  1. Ctrl/Cmd + 1 – Fit to Screen
  2. Ctrl/Cmd + 2 – Zoom to Selection
  3. Ctrl/Cmd + 0 – Zoom to 100%
  4. Ctrl/Cmd + + – Zoom In
  5. Ctrl/Cmd + – – Zoom Out
  6. Ctrl/Cmd + . – Next Page
  7. Ctrl/Cmd + , – Previous Page

Text Editing

  1. Ctrl/Cmd + B – Bold
  2. Ctrl/Cmd + I – Italic
  3. Ctrl/Cmd + U – Underline
  4. Ctrl/Cmd + T – Open Text Panel
  5. Ctrl/Cmd + Shift + < – Decrease Font Size
  6. Ctrl/Cmd + Shift + > – Increase Font Size
  7. Ctrl/Cmd + L – Align Left
  8. Ctrl/Cmd + E – Align Center
  9. Ctrl/Cmd + R – Align Right
  10. Ctrl/Cmd + Shift + L – Bullet List

Layers and Objects

  1. Ctrl/Cmd + Shift + A – Select All Layers
  2. Ctrl/Cmd + Shift + V – Paste and Replace
  3. Ctrl/Cmd + Alt + C – Copy Properties
  4. Ctrl/Cmd + Alt + V – Paste Properties
  5. Ctrl/Cmd + K – Scale
  6. Ctrl/Cmd + Y – Outline Mode
  7. Ctrl/Cmd + Shift + O – Lock/Unlock Layer

Collaboration and Comments

  1. Ctrl/Cmd + Shift + C – Comment Mode
  2. Ctrl/Cmd + Enter – Post Comment
  3. Ctrl/Cmd + Alt + M – Mention Someone in Comment
  4. Ctrl/Cmd + \ – Show/Hide UI
  5. Ctrl/Cmd + . – Toggle Pixel Grid

Prototyping

  1. Ctrl/Cmd + Alt + P – Enter Prototype Mode
  2. Ctrl/Cmd + Shift + A – Create Connection
  3. Ctrl/Cmd + Shift + P – Preview Prototype

Conclusion

These top 100 Figma keyboard shortcuts are designed to help you navigate through your design projects with greater ease and efficiency. From quickly accessing tools and adjusting your view to optimizing text and managing layers, these
shortcuts will empower you to maintain your creative flow without interruptions. Remember, incorporating these shortcuts into your daily design routine will take time, but the boost in productivity and the ability to keep your creative
juices flowing will be well worth the effort. Embrace these keyboard shortcuts and watch your Figma proficiency soar to new heights.