Keyboard shortcuts of the browser extension
Last updated
Capture shortcuts
Use them on any page, without opening the popup.
| Action | Windows / Linux | Mac |
|---|---|---|
| Capture Full Page | Alt+Shift+E | ⌥⇧E |
| Capture Selection | Alt+Shift+D | ⌥⇧D |
The popup shows the shortcuts that are set under each button. Record Flow has no shortcut.
Change the shortcuts
- Open the html.to.design popup and click the ? icon in its bottom-right corner.
- Click Edit extension shortcuts. Your browser’s shortcut settings open (for example
chrome://extensions/shortcuts, oredge://extensions/shortcutsin Edge). - Click the pencil next to an html.to.design command and press the new keys.
Selection shortcuts
While you capture a selection:
| Shortcut | What it does |
|---|---|
| Hold Shift | Capture multiple elements |
| Hold ⌥ Option / Alt | Click the page without capturing |
| Hold ⌘ Cmd / Ctrl | Disable mouse events on the page |
| \ or Shift+Enter | Select the parent element |
| Enter | Select the children |
| Esc | Cancel |
Paste in Figma
Captures you copy to the clipboard paste with ⌘V on Mac and Ctrl+V on Windows.