Keyboard Shortcuts
Keyboard shortcuts in Nordcraft help you work faster and more efficiently by providing quick access to common actions and tools.
Editor shortcuts
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
Element panel shortcuts
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
Element tree and canvas shortcuts
- Hold Alt while dropping a dragged element in the element tree - Copy the element instead of moving it
- Hold Alt while dragging an element in the canvas - Drag a duplicate of the selected element/component instead of moving the original
- Hold Alt while hovering over elements in the canvas - Display distances (in px) between the selected element and other elements or the parent element
Element editing shortcuts
- 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
Canvas resizing shortcuts
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
Common operations
- Cmd/Ctrl + Z - Undo last action
- Cmd/Ctrl + Shift + Z - Redo last action
Tip
Learning keyboard shortcuts can significantly improve your workflow efficiency when building applications in Nordcraft.