Shortcuts for efficiently building reusable design systems with component creation, management, and prototyping

Ctrl+Alt+K

Create Component

Creates a component from selection.

💡 Hint: Ctrl + Alt + K

🎯 Create reusable components to build an efficient design system foundation

Ctrl+Alt+B

Detach Instance

Detaches an instance from its component.

💡 Hint: Ctrl + Alt + B

🎯 Detach component instances to enable individual customization and variation creation

Alt+2

Show Assets

Shows the Assets panel.

💡 Hint: 2

🎯 Show assets panel for fast access to component library

Ctrl+Alt+O

Team Library

Opens the Team Library.

💡 Hint: Ctrl + Alt + O

🎯 Open team library to access unified design system across the organization

Alt+9

Open Prototype Panel

Opens the Prototype panel.

💡 Hint: Alt + 9

🎯 Open prototype panel to streamline interactive user experience design

Ctrl+K

Create Link

Creates a link on the selected text.

💡 Hint: K

🎯 Create links to define prototype transitions and visualize user flow

Alt+0

Open Code Panel

Opens the Code panel.

💡 Hint: Alt + 0

🎯 Open code panel to streamline the bridge between design and development

Ctrl+Shift+E

Export

Exports selected objects.

💡 Hint: Shift + E

🎯 Efficiently export design assets for smooth collaboration with development teams

Ctrl+Shift+C

Copy as PNG

Copies selection as PNG to clipboard.

💡 Hint: Shift + C

🎯 Copy design as PNG to clipboard for rapid sharing and presentations

Ctrl+Alt+S

Save to version history

Saves the file to version history.

💡 Hint: Ctrl + Alt + S

🎯 Save to version history to manage design change history and improve team collaboration

Figma

Shortcuts for efficiently building reusable design systems with component creation, management, and prototyping