Set your preferences

Launch with recent open document

Tick this box to skip the welcome dialogue when you launch Google Web Designer, and start with your most recently opened document.

Location

Click the Browse button to browse your computer and select where custom template files should be saved. The folder must be on a mounted drive (i.e. accessible through your computer's file system).

Reset to default path

Click the Reset location to default button to change the location to the original path.

Ad type

Select the default ad type for new documents.

Environment

Select the default ad environment for new documents. Only appropriate options for your default ad type are available.

Outline

Select your preference for outlines for elements in the document workspace:

• Label – Display a dashed border and a label with the element type and ID for every element that's not the selected element.
• Outlines only – Display a dashed border around every element that's not the selected element.
• Off – Display no outlines or labels for unselected elements.

Show rulers

Tick this box to make the horizontal and vertical rulers visible by default.

This preference is a default: it changes the settings for new documents and documents in which a ruler preference wasn't explicitly set, but doesn't override selections made in the View menu for individual documents.

Snap

Tick this box to automatically align objects as you're drawing, moving and resizing them. Customise snapping behaviour with the following options:

• Threshold – How close the object must be to the snap target, in pixels, for snapping to occur.
• Parent and siblings only – Snap only to the parent element and sibling elements.
• Grid – Snap to the grid lines when they're visible.
• Objects – Snap to the edges, corners and centrepoints of other objects.
• Alignment – Snap into alignment with other objects' edges or centrepoints.
• Guides – Snap to the ruler guides when they're visible.
• Equal size – Snap to the same width or height as another object.
• Equal spacing – Snap to the same spacing as between two other objects.

Learn more about snapping.

3D grid

Tick this box to display the grid for the plane that's nearest to parallel to your view.

This preference is a default: it changes the settings for new documents and documents in which a 3D grid preference wasn't explicitly set, but doesn't override selections made in the View menu for individual documents.

• Grid size – Specify the spacing between grid lines, between 10 and 1,000 pixels. The default is 50 pixels. The specified grid size is used for all documents with a visible 3D grid.

Sort elements in DOM order

Tick this box to change the listing order of elements in the Outliner to match the Document Object Model (DOM). When the box is unticked, the Outliner displays elements in the same order as the layers in the Advanced mode timeline.

Colour

Set the colour of guides.

Component

Select the component to use when importing a 3D asset.

• Swirl (to build Swirl creatives for Display & Video 360)
• 3D Model viewer

Colour theme

Select your preferred colour theme for the Code view workspace and syntax highlighting. You can preview each theme.

Pad parentheses

Tick this box to pad text within parentheses with spaces.

End file with newline

Tick this box to include a newline character at the end of the file.

Newline between CSS selectors

Tick this box to include a newline character between CSS selectors when multiple selectors are specified for the same CSS rule.

Newline between CSS rules

Tick this box to include a newline character between CSS rules.

Indent size

Brace style

Select the way that you want braces in JavaScript to be formatted.

• Collapse – Braces are inline.
• Expand – Braces are on their own line.
• End expand – Closing braces are on their own line.

Script and style tag indentation

Select how you want to start indenting code inside