Quick Insert Dialog

The Quick Insert dialog (Shift + I) lets you rapidly search and insert components from the entire library without leaving your current workflow. It's the fastest way to add components to your canvas.

Keyboard Shortcut

Platform	Shortcut
macOS	`Shift + I`
Windows / Linux	`Shift + I`

Opening Quick Insert

Press Shift + I

From anywhere on the canvas, press Shift + I to open the Quick Insert dialog.

Start typing

The search field is automatically focused. Start typing to search for components.

Select and insert

Click a component or use arrow keys and Enter to insert it at your cursor position.

Using Quick Insert

Search Components

Type keywords to search across all component libraries:

"button" - Find all button variants
"nav bar" - Find navigation bars
"card" - Find card components
"ios button" - Filter to iOS-specific buttons
"material text" - Filter to Material Design text fields

Browse Categories

With an empty search field, Quick Insert shows popular categories:

Recent - Components you've used recently
iOS UIKit - Apple Human Interface Guidelines components
Material Design - Google Material Design 3 components
Mobile UI - Generic mobile components
Icons - Material Icons and Font Awesome icons

Keyboard Navigation

Key	Action
`↑` / `↓`	Navigate through results
`Enter`	Insert selected component
`Escape`	Close dialog without inserting
`Tab`	Move to next category

Component Placement

Where Components Appear

When you insert a component via Quick Insert:

Center of viewport - Component appears at the center of your current view
Near selection - If elements are selected, component appears nearby
Canvas origin - If zoomed out completely, appears at canvas center

After Insertion

The inserted component is automatically selected, so you can immediately:

Move it to the desired position
Resize it using handles or Properties Panel
Modify its properties (colors, text, etc.)

Pro Tip

Use Quick Insert while editing a frame to automatically add the component as a child of that frame. This is especially useful when building complex layouts.

Quick Insert vs Components Panel

Feature	Quick Insert (Shift+I)	Components Panel
Best for	Fast, keyboard-driven workflow	Visual browsing and exploration
Search	Instant, focused search	Search with category filtering
Preview	Compact preview in list	Full preview with variant badges
Insertion	Click or Enter key	Drag and drop

Tips & Best Practices

Speed Up Your Workflow

Learn the names of your most-used components
Type just enough to uniquely identify the component (e.g., "ios nav" for iOS Navigation Bar)
Use Enter immediately after the first match appears
Keep your hands on the keyboard for maximum efficiency

Search Tips

Search is case-insensitive ("Button" = "button")
Multiple words narrow results ("filled button" is more specific than "button")
Include platform prefix for platform-specific components ("ios", "material")
Search works across component names and descriptions

Note

Quick Insert searches all loaded component libraries. If the Mobile UI preset isn't loaded, load it first from the Components Panel by clicking the Mobile UI preset button.