Hotkeys
Last updated: June 26, 2024
When you’re working in Replo, you want the design process to be smooth and efficient. To help with that, we’ve made sure you have useful keyboard hotkeys (aka shortcuts) to save you from extra clicking and scrolling.
It’s not possible to create custom keyboard hotkeys at this time. Keep this in mind if you use other applications with conflicting hotkeys, like a password manager.
Keyboard Hotkeys
Replo offers a range of keyboard hotkeys to streamline your workflow. Open the keyboard hotkeys panel to see the available hotkeys. Discover new hotkeys or see which ones you’ve already used to speed up your work.
How to Open the Hotkey Panel
1. Click the Get Help button in the bottom-right of the editor and select View Hotkeys
2. Use the keyboard hotkeys —
Mac Shift + ?
Windows Shift + ?
Replo will display the hotkeys panel. Click the close button to hide the panel.
Note: The most up-to-date shortcuts will always be accessible within the hotkeys panel.
List of Supported HotKeys
Text
⌘ + ⌥ + 1 Turn into H1
⌘ + ⌥ + 2 Turn into H2
⌘ + ⌥ + 3 Turn into H3
⌘ + B Bold
⌘ + K Create link
⌘ + I Italic
⌘ + U Underline
⇧ + ⌘ + X Strikethrough
⌘ + ⌥ + 5 Turn into a list
⌘ + ⌥ + 6 Turn into a numbered list
⇧ + ⌘ + < Decrease font size
⇧ + ⌘ + > Increase font size
⌥ + < Decrease letter spacing
⌥ + > Increase letter spacing
⌥ + ⇧ + < Decrease line height
⌥ + ⇧ + > Increase line height
⌥ + ⌘ + < Decrease font weight
⌥ + ⌘ + > Increase font weight
Edit
⌘ + Z Undo
⇧ + ⌘ + Z Redo
⌘ + C Copy
⌘ + ⌥ + Z Copy styles
⌘ + V Paste
⌘ + ⌥ + V Paste styles
⌫ Delete
⌘ + D Duplicate
⇧ + A Group into container
⇧ + ⌘ + S Save component template
⌘ + S Save
ESC Deselect component
⇧ + D Toggle code editor
⌘ + ⌥ + K Export to section
⇧ + ⌘ + → Convert width into fill available
⇧ + ⌘ + ← Convert width into wrap content
⇧ + ⌘ + ↑ Convert height into fill available
⇧ + ⌘ + ↓ Convert height into wrap content
View
⇧ + ⌘ + H Toggle visibility
␣ Pan canvas
⇧ + P Show preview
⌥ + ⇧ + H Show version history
⌘ + E Write with AI
S Show design panel
D Show config panel
I Show interactions panel
⌥ + 1 Show layers panel
⌥ + 2 Show components panel
⌥ + S Open Page Settings
⌘ + ⌥ + S Open Project Settings
↑ Move up in the tree
↓ Move down in the tree
⌘ + ⌥ + O Open marketplace
Zoom
⌘ + + Zoom in
⌘ + - Zoom out
⌘ + 0 Reset zoom