Tools for structure, style and reusable code. HTML Designer uses dedicated palettes for repeated web-editing tasks so the main editor can stay focused while supporting tools remain nearby.
Inspect tags, #id values and .class values, then reveal the opening tag in source (Window ▸ DOM, Ctrl+3).
Adjust common style properties from a focused palette while editing CSS and markup (Window ▸ CSS, Ctrl+6).
Create snippet folders, assign triggers, import, export and insert reusable code (Window ▸ Snippets, Ctrl+4). In the editor, type the trigger prefix followed by a snippet's trigger — //video with the standard prefix — and press Tab to replace it with the snippet. The prefix is set in File ▸ Settings… ▸ General ▸ Snippet Trigger Prefix; leave it empty to turn expansion off.
Keep common HTML elements close to the active project (Window ▸ Elements, Ctrl+5).
| Palette | Window menu |
|---|---|
| AI Chat | Ctrl+1 |
| Log | Ctrl+2 |
| DOM | Ctrl+3 |
| Snippets | Ctrl+4 |
| Elements | Ctrl+5 |
| CSS | Ctrl+6 |
| Inspector | Ctrl+7 |
| Chat | Ctrl+8 |
| Transfer | Ctrl+9 |
| Feedback | F7 |
| Projects | F8 |
The palette model fits focused work: small tools for structure, style and reuse while the editor remains the primary surface.