Version | Shell Build

Templates and components

Templates and component fixes may be released separately from new versions of Google Web Designer:

Release notes

A new version of Google Web Designer is available. 1 issue has been fixed in this release. Read below for additional details.

Updating Google Web Designer

Google Web Designer automatically updates upon launch if you have an Internet connection. You can also download the latest version.

Compatibility changes starting in August 2020:

Google Web Designer authoring files created prior to July 2014 (in version 1.0.5 or older) will no longer open. If you have older files, please open them with the latest version of Web Designer and save them again to ensure future compatibility.

Fixes and improvements in version

  • Fixed issue where media rules for a specific size didn't apply at some browser zoom levels.

Fixes and improvements in version

  • Fixed issue with responsive overrides being removed upon animation looping.
  • Fixed issue with responsive preview not updating when an asset was removed.
  • Fixed issue with resize handles not displaying when scaling multiple elements.
  • Fixed issue where an image modified outside Google Web Designer was not updated in Web Designer.
  • Fixed issue where very old files could not be opened.

New features in version

Custom keyboard shortcuts

Assign your preferred key bindings to Google Web Designer tools and commands.

  • View the full list of default keyboard shortcuts within the app.
  • Save your custom keyboard shortcuts as named presets and switch easily between them.
  • Export and import presets.

Eyedropper tool

You can now select colours from the stage.

  • You can find the eyedropper tool on the toolbar, along with colour chips displaying the active colours.
  • The eyedropper automatically activates when you open the colour mixer to select a colour.

Image processing

Alter images with automated techniques.

  • Auto enhancement – Adjust the brightness, contrast and saturation of the image.
  • Inpainting – Paint over an unwanted object to look like the surrounding area.
  • Extend image – Expand the image along any side with content generated to look like the rest of the image.
  • Extract subject – Detect a foreground object and make the rest of the image transparent.


We've introduced new mask shape options.

  • Polygon mask tool – Select from a variety of preset shapes, or draw a freeform shape.
  • Rounded corners for rectangle mask tool – Create rectangle clip path masks with rounded corners.

Particle Effects custom presets

Create customised presets for the Particle Effects component.

  • View thumbnail previews of your saved custom presets.
  • Export and import presets.

Responsive workflow

Designing a responsive layout is now more streamlined and full-featured.

  • The redesigned responsive panel lists specific ad slot sizes that you want to target for serving and previewing.
  • A new visual interface lets you define and edit size ranges for media rules.
  • Preview multiple sizes while authoring your responsive document.

New responsive templates in version

Two new templates have been added to the Banner for Display & Video 360 category:

  • Static Responsive Banner for Common Sizes
  • Animated Responsive Banner for Common Sizes

Fixes and improvements in version


  • Parallax
    • Fixed issue where holding the Shift key did not constrain elements to a single axis while dragging images in the Parallax component dialogue.
  • Swirl
    • A warning now displays if Google Poly does not have an appropriately sized GLB file for a 3D asset. This can happen if the 3D asset is large and Poly could not optimise it for ads.
  • Image effect
    • Fixed issue with the image effect component failing to load after refreshing the browser.


  • Fixed issue where wrapping elements in a group did not generate the correct CSS selector.
  • Fixed issue where undoing the 'Break apart' action for an animated group created extra CSS animation rules.


  • Fixed issue with assets not showing in the library panel when the asset path contained square brackets.
  • Fixed issue where externally copied assets pasted into Google Web Designer did not show in the library panel.
  • Fixed issue where groups didn't stay inside a library folder after the document was closed and reopened.
  • The library panel now allows files with full stops in their names.
  • Fixed issue where the Studio logo and the launch button in the Studio Asset Library were still displayed after signing in with a different account.


  • [Outliner] Fixed issue where the dynamic icon did not appear until another element was selected.
  • [File I/O] Fixed issue where a file could not be opened if there was an icon file generated by Mac OS in the project directory.
  • [Publish dialogue] Fixed layout issue with 'Add border' label in some languages.
  • [Timeline] Fixed issue where the stage did not update after undoing an animation transition duration change in Quick mode.
  • [CSS panel] The 'rename' pop-up menu command in the CSS panel is now disabled for generated animation rules.
  • [Preview] The 'Parallax' preview type for in-browser previews has been updated to 'Scrollable'.
  • [Keyboard shortcuts] Fixed issue with keyboard shortcuts not working in Russian, French, German and Thai in Windows.
  • [Properties panel] Fixed issue where the undo command didn't work correctly for changed input field values.
  • [Shareable preview] Fixed issue where closing the alert about not having permissions for any devices also closed the 'Share preview link' dialogue.
  • [Preferences dialogue] Fixed issue with the colour for guides not changing to the default after selecting 'Reset to default'.
  • [Shapes] Fixed issue where publishing failed when there were both Google Fonts and shapes (created by the oval or pen tool) in the document.
  • [Code view] Fixed issue where the Files panel showed filenames with parentheses reversed.
  • [Timeline] Fixed issue where hidden layers were selected when selecting multiple layers with the shift key.
  • Fixed issue where an image could not be pasted from a plain HTML document to an ad document.

Known issues

  • Safari only: <canvas> elements with drawings prevent the animation of clip path masks.
  • Chrome and Opera: Clip path masks render incorrectly when the host element contains a 3D-transformed child element.
  • References to custom Google Web Designer elements (gwd-image, gwd-video, gwd-audio, gwd-iframe, gwd-page and gwd-pagedeck) may not work as expected. Learn how you can update your references.
  • Timeline animation events, such as pause or loop, do not work when you open the source .html file directly in your browser. This is expected behaviour, as timeline animation CSS is generated when previewing or publishing the document. Solution: use the Preview button, or publish the document locally and view the published file in your browser.
  • Image files without a file extension with a period in the file name don't import into the Library. Workaround: add the file extension (such as .png) to the file name.
  • A black screen on launch may be caused by outdated video drivers. Try updating your video drivers. If that doesn't help, disable GPU rendering by quitting Google Web Designer and following the instructions for your operating system before relaunching:
    • Windows: Add a DWORD32 value named disable-gpu-rendering to HKEY_CURRENT_USER\Software\Google\Web Designer\Settings in the registry. Set this value to 1.
    • Mac: Add a Boolean row to ~/Library/Preferences/ with the name disable-gpu-rendering and a value of YES, or run defaults write disable-gpu-rendering -bool true in terminal.
    • Linux: Add a line to ~/.local/share/google-web-designer/preferences/settings.conf with the name disable-gpu-rendering and a value of true. (If the [Settings] section doesn't exist, you'll need to create it first.)
  • For a video to auto-play when an ad is re-expanded on Mac Safari, the first video source should be .mp4.
  • Gradient background fill on an image only renders when scaling is set to stretch.
  • A maximum of 4 panels can be grouped/tabbed together.
  • White screen on launch if behind a web proxy. Please follow these instructions to change your proxy settings.
  • Mac Chrome, Opera, IE: Play button doesn't work in Google Web Designer preview when Auto-play preview is on. Workaround: Remove localhost from the URL to use file:///
  • Linux only: File drag and drop from the file system to Google Web Designer is not working. Workaround: Use File > Import assets or Add asset from the Library.
  • Downloading iCalendar .ics files is not supported on Safari desktop browser.
  • It is not possible to have more than one Map component or Street View component, or a Map and a Street View component in the same creative.
  • Linux only: If the browser (Chrome or Firefox) is launched by Google Web Designer for preview, Google Web Designer cannot be closed unless the browser is closed first.
  • Linux only: Google Web Designer sometimes loses focus and is unable to take keyboard input when switching between apps. Workaround: resize the Google Web Designer window to bring focus back to the app.
  • Linux only: if the renderer crashes and a white screen appears, set the disable-gpu-rendering to true in Google Web Designer settings. Add a row to ~/.local/share/google-web-designer/preferences/settings.conf with the name disable-gpu-rendering and a value of true. (If the [Settings] section doesn't exist, you'll need to create it first.)
Was this helpful?
How can we improve it?

Need more help?

Sign in for additional support options to quickly solve your issue

Clear search
Close search
Google apps
Main menu
Search Help Centre