Commands, right-click menu and shortcuts

The right-click menu#

Right-click any element on the canvas or in Layers — or click ⋯ on the element’s toolbar. The menu is grouped: clipboard, styles, arrange and select, reusable (Global Blocks and saved components), visibility, the element’s settings, and delete. Rows that don’t apply are greyed out with the reason. Use the arrow keys to move through it and type to jump to a command.

Right-clicking inside a multiple selection acts on all of it. Hold ⇧ while right-clicking for the browser’s own menu, or turn the Native AI menu off in Settings → Builder.

Keyboard shortcuts#

On Windows and Linux, use Ctrl for ⌘ and Alt for ⌥. Press ⌘/ in the builder, or click Keyboard shortcuts in the status bar, for the list.

Copy and paste between pages and sites#

Copied elements go to the builder’s clipboard in this browser and to your computer’s clipboard, so you can paste them into another page, another tab, or another site’s Native AI builder. When you paste into another site, classes its design system doesn’t have and Global Blocks it doesn’t have are left out, and the builder tells you which.

Paste styles#

Paste styles gives the selected element the copied element’s look: its local styles for every state, part and breakpoint. Between two elements of the same type it also copies their classes and style options (a button’s variant, say). The target keeps its own text, links, media, dynamic data and settings.

Other commands#

• Save as global block keeps the element and creates a Global Block from it; Convert to global block replaces it with a copy of the new block. See Global Blocks and saved components.
• Save as reusable component adds it to your library as an independent copy.
• Rename, ID & classes, Display conditions, Interactions & motion and Advanced settings open the right place in the settings panel.
• Custom CSS… opens the element’s own CSS (with the Add custom code permission).