Keyboard Shortcuts

Keyboard shortcuts in Nordcraft help you work faster and more efficiently by providing quick access to common actions and tools.

These shortcuts work anywhere in the editor:

• T - Toggle test mode
• I - Open the element catalog
• Cmd/Ctrl + K - Open the project sidebar
• Escape - Deselect the current element or close panels

When an element or component is selected in the canvas or element tree:

• S - Switch to the style tab in the element panel
• A - Switch to the attributes tab in the element panel
• E - Switch to the events tab in the element panel

• Hold Option/Alt while dropping a dragged element in the element tree to copy the element instead of moving it
• Hold Option/Alt while dragging an element in the canvas to drag a duplicate of the selected element/component instead of moving the original
• Hold Cmd/Ctrl while dragging an element in the canvas to force insertion-mode, which will let you more precisely drop an element, even inside its siblings
• Hold Option/Alt while hovering over elements in the canvas to display distances (in px) between the selected element and other elements or the parent element

• Cmd/Ctrl + C - Copy selected element/component
• Cmd/Ctrl + V - Paste element/component
• Cmd/Ctrl + D - Duplicate selected element/component
• Cmd/Ctrl + X - Cut selected element/component

You can use keyboard shortcuts to quickly resize the visible canvas to a variety of different approximate screen sizes. This is useful for testing responsive designs.

• 1 - small mobile device screen size
• 2 - tablet screen size
• 3 - small laptop screen size
• 4 - 1080p
• 5 - 1440p

• Cmd/Ctrl + Z - Undo last action
• Cmd/Ctrl + Shift + Z - Redo last action