Customize keyboard shortcuts in Google Web Designer

Google Web Designer comes with default keyboard shortcuts, but you can change them to your liking.

To view or change keyboard shortcuts, select Edit > Keyboard shortcuts... from the top menu.

If you make any changes in the keyboard shortcuts dialog, click Save to apply them.

Create a new preset

Presets let you save different sets of shortcuts so that you can quickly switch between them.

1. Click the new preset button.
2. Enter a name for the new preset.
3. Click OK.

The new preset copies the shortcuts from the previously selected preset.

Google Web Designer automatically creates a new preset if you make changes to the default preset.

Change a shortcut

1. Expand the section containing the shortcut you want. To find a shortcut more easily, you can type part of the shortcut's name in the Filter shortcuts field.
2. Select the key binding that you want to change. A yellow underline appears.
3. Press the new key binding that you want to use. If the key binding is already being used for another shortcut, a warning appears.
4. Press Enter to complete the change, or Esc to revert it.

Remove a shortcut

1. Hover over the shortcut that you want to remove.
2. Click the X button.

Export a preset

You can export a preset in order to share it with other Google Web Designer users.

1. Select a custom preset.
2. Click the Export preset button.
3. Save the export.

Transfer the exported .js file to the computer where you want to import the preset.

Import a preset

If you have the export file for a preset, you can import it into your instance of Google Web Designer.

1. Click the Import preset button.
2. Navigate to the folder containing the .js file and select the file.

The imported preset now appears in the Preset dropdown.

Delete a preset

1. Open the Preset dropdown.
2. Hover over the preset you want to delete.
3. Click the X button.

Note that you can't delete the default preset or the currently selected preset.