To replace a Component, select it on the Canvas and click its name in the Inspector. Use the arrow keys in the popover to select the Component you want to replace it with, then press ⏎. Or, click a Component’s name or preview to replace it instantly.
- Opens the Command Bar to replace a Component while maintaining the position and search query. This gives you bigger previews and makes it easier to navigate the Library. Alternatively, you can open the Command Bar to replace Components by pressing ⌥⌘R.
- Group filter: Shows which group or Library the selected Component is in. Press ⌘↑ to navigate the Library structure.
- Preserve dimensions when replacing replaces a Component while keeping the same dimensions as the one selected on the Canvas. When replacing a nested Symbol, a toggle appears to show or hide the Component or layer instead.
- Clear filter: Shows all available Components of the same type across all Libraries.
- Search Bar: Find specific Components within a group.
Tip: You can set the Command Bar as the default way to replace Components in Settings > General.
Useful shortcuts
Use these shortcuts to navigate a Library’s structure:
| ⌘F | Opens the path menu, where you can navigate within Libraries and into other ones. |
| ⌃⌥⌘↑ | Shows all Components of the same type. |
| ⌘↑ | Navigate to the selected group’s parent. |
| ⌥⌘↑ | Navigate to the selected group’s Library. |
Filtering Components
Filtering helps you quickly find and replace Components within groups and Libraries. Use the filter menu to move up and down the Library structure for any selected Component.
You can filter Components in two ways:
- Press ⌘F to bring up the filter menu.
- Type a Component name in the search bar.
Combine both methods for more precise results. Start by typing the Component name in the search bar, then press ⌘F to filter by group in the Library. This narrows the results to Components within the selected group.
