Version | Shell Build

Templates and components

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

Release notes

Google Web Designer is now officially out of beta!

A new version of Google Web Designer is available! 1 new feature has been added, and 7 issues have 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.

Version features

  • The new Date Swap component (under "Miscellaneous" on the Components panel) makes it easy to show or hide content depending on the current date and time.

Version bug fixes

  • Fixed issue with images being counted twice in the Library Use count.
  • "hover" pseudo-class added in Code view is no longer removed from the document.
  • Fixed issue with images not respecting the max-width/max-height style.
  • Fixed issue with image rendering when height is less than 15px.
  • Fixed issue with with changing the display CSS property for custom Google Web Designer elements.
  • Fixed issue with "Swap image" function keeping the old image size.
  • Fixed issue where the Outliner didn't correctly filter images.

Version changes

  • The interface now reflects the new Google advertising brands, Google Ads (formerly AdWords) and Display & Video 360 (bringing together features from DoubleClick Bid Manager, Campaign Manager, Studio, and Audience Center). Learn more.
  • Shell build reduces the latency of file operations while templates update on Windows.
  • Google Web Designer now implements the following elements as autonomous custom elements (e.g., <gwd-video>), rather than as customized built-in elements (e.g., <video is="gwd-video">):
    • gwd-image
    • gwd-video
    • gwd-audio
    • gwd-iframe
    • gwd-page
    • gwd-pagedeck
    To update an existing file, open the file in Web Designer and save it.
    If this change causes issues with your project, see the guide on how to reference custom elements.
  • Support added for the new Brand Awareness data schema (under the "Standard Schema" type) for Display & Video 360.
  • 3 new Data driven for Display & Video 360 templates use the Brand Awareness schema:
    • Blank Slate - A basic framework ready to be customized with your dynamic elements.
    • Cue Cards - 3 frames that scroll down to tell a dynamic user story.
    • Panorama - 3 frames that the user can swipe through horizontally.

Version bug fixes

  • Fixed issue with file not opening when the document links to an external CSS file using an absolute URL.
  • GreenSock libraries updated to use version 2.0.1.
  • The “Use” column header in the Library is now localized.

New features since version

Computed CSS styles

  • View a list of CSS properties for an element, with resolved values, under the new Computed tab in the CSS panel.
  • Jump to the CSS rule definition that sets a particular property.

Motion path editing

  • Move, resize, flip, and rotate motion paths with the new Transform control for the motion path tool.

Asset usage count

  • See in the Library panel how many times you use each asset in a document.
  • Sort the list of assets by name, usage count, asset type, or last modified date.


  • The new Outliner panel provides a tree view of the elements in your document for easy selection and navigation.

Template improvements

  • The Template Gallery now shows the vertical (business type) for the AdWords dynamic remarketing templates.
  • The Save as template dialog automatically populates the ad type, dynamic vertical, and components in the template metadata.
  • Dynamic templates can now be previewed directly from the Template Gallery with sample feed data.

Text fitting

  • New settings in the Text panel let you automatically resize or truncate text so it won't overflow the containing element.

Timeline animation scaling

  • Hold Shift while dragging selected keyframes on the Advanced timeline to change the length of an animation while keeping the spacing between keyframes proportional.


  • Save panel layouts as custom workspaces, or switch to one of Google Web Designer's preset workspaces in the Window > Workspace menu.
  • Hide all panels with the Window > Hide panels command, or by pressing F4.

Templates added

  • DoubleClick responsive templates were added: Standard Banner Build Dissolve, Standard Banner Build Slide, Standard Banner Static, Standard Banner Storyboard Dissolve, and Standard Banner Storyboard Slide.

Fixes and improvements since version


  • Fixed issue with Swipeable Gallery exit URLs not working with spaces between the URLs.
  • [Feature request] Enabled Tap Area components within the frame of a Carousel Gallery or Swipeable Gallery.


  • Invalid tags can no longer be entered in the Tag field.
  • Fixed issue with text box losing the insert cursor after indenting the text.
  • Fixed issue with tag name not updating when undoing a tag change.
  • [Feature request] Provided text fitting & truncation controls in the user interface for both dynamic & static text.
  • Fixed issue with incorrect text coordinates when stage was zoomed in.
  • Enabled use of keyboard shortcuts (Cmd/Ctrl with +/-) to zoom in or out while in text editing mode.
  • Fixed issue where a text box couldn't be drawn inside a div.
  • Fixed issue with extra CSS properties getting added when copying & pasting colored text between documents.
  • Fixed issue with italic text for Google Fonts not displaying correctly.


  • AdMob templates have been updated to remove custom exits.
  • Fixed issue where the options for inline local files and polite loading weren't selected by default when creating files from some templates.


  • [Feature request] Added ability to easily update the animation duration in the UI.
  • Finite and infinite loops now distinguishable on the Advanced mode timeline.
  • Undoing the deletion of a layer with looping now restores the looping.
  • Repeated spans now visible on the Advanced mode timeline for infinite loops when animation duration is extended.
  • Fixed issue with stage not updating when span easing was edited.
  • [Quick mode] Fixed issue with only first 2 anchor points of a Pen path displaying on the thumbnail.
  • Added tooltips: "Current time" and "Timeline work area length".

Workspace (panels and user interface)

  • [Feature request] Added ability to save panel sets and switch between them.
  • Fixed issue with docked panel's height not being resizable after docking a floating panel to a panel on the left side.
  • Removed the top border on the Document bar.
  • Fixed issue with start dialog disappearing when closing the New File dialog with the Esc key.
  • Panels can now be collapsed by clicking the panel title right after launch or after switching workspaces.


  • [Studio dynamic] Fixed issue with dynamic profile not loading when the user has Advertiser-level access to multiple advertisers.
  • [Publish to Drive] Publishing to Google Drive no longer adds an extra string to image sources.
  • [Ad environment] Strings have been translated.
  • [Ad environment] Fixed issue with the Publish dialog not updating the ad environment after ad environment conversion.
  • [Installer] [Windows] Shortcut icon is now created on the Desktop after installation but not after an update.
  • When clicking on "Browse all articles" or "Visit help forum" from the help panel, a browser window now opens instead of a pop-up window.
  • [Windows] Fixed issue with Firefox v.59 or later not showing in Google Web Designer's Preview browser list.
  • Events dialog is now resizable.
  • [Drawing] W and H are now translated when drawing a new element.
  • [Properties panel] Fixed issue with Visibility field label overlapping the value in some languages.
  • [Feature request] Usage count now displays next to assets listed in the Library.
  • Fixed issue with zoom resetting in Design view after editing in Code view.
  • [Hand tool] Fixed issue with stage moving off-center after repeatedly dragging it back and forth with the Hand tool.

Known issues

  • 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 directly open the source .html file in your browser. This is expected behavior, 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 (for example, Mac screenshots) 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 autoplay 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 Autoplay 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 article helpful?
How can we improve it?