Keyboard Shortcuts

Keyboard shortcuts in Nordcraft provide 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 files view in the project sidebar
• Escape - Deselect the current element or close panels
• Cmd/Ctrl + scroll - Adjust the zoom level of the editor canvas

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

• S - Switch to the style panel in the element panel
• A - Switch to the attributes panel in the element panel
• E - Switch to the events panel 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

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

• Cmd/Ctrl + S - Search for a CSS property
• Cmd/Ctrl + ↵ - Submit CSS property and search for a new CSS property

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