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. One 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.

Fixes and improvements in

  • Fixed publishing issue when the document contains custom fonts.

Changes in version

  • The components panel now only shows supported components when the ad environment is set to Google Ads or AdMob.
  • The initial load size has been temporarily removed from the summary section in the publish dialogue and the ad validator.
  • The option to include GreenSock JavaScript libraries (File > Include JS library) is now available for the Google Ads environment.
  • The 'Skip loading delay' option has been added to the local Publish settings dialogue for bypassing the default delay when loading the published ad outside of Google ad platforms.
  • Additional sizes have been added to the advanced mode responsive preview sizes list for Display & Video 360 (360 x 640, 360 x 592 and 375 x 667).
  • As Google Fusion Tables has been shut down, the Maps component no longer supports displaying markers for locations listed in Fusion Tables.

Fixes and improvements in version

Code view

  • The 'Reset to defaults' option now resets all Code view preferences correctly.
  • The language menu now closes when clicking outside the menu or selecting the current option.
  • Fixed performance issue when switching between Code view and Design view.
  • Fixed layout issue with long labels in Code view preferences in some languages.
  • Fixed issue with custom colour swatches not refreshing when switching documents in Code view.


  • [Particle Effects] Specified tooltip for Auto-play property.
  • [Particle Effects] Fixed issue where the add preset button didn't work when scrolled to right end of the Presets panel.
  • [Particle Effects] Fixed issue where the 'Number' property could be empty.
  • [Particle Effects] Fixed issue where a group containing the Particle Effects component wouldn't render in the library after being broken apart.
  • [Transition gallery and particle effects] Fixed issue with zoom control being active in the 'Choose images' dialogue.
  • Fixed issue where the transition gallery did not render images after switching pages.


  • Fixed issue where the custom schema account drop-down didn't appear after cancelling and reopening the Dynamic bindings dialogue.
  • Files can now be opened when the Studio dynamic profile contains special characters such as - and + in the profile field names.
  • Fixed issue where 'Image URL' couldn't be selected when applying the 'Pluck and Join' filter in the Dynamic bindings dialogue.
  • Fixed issue with font name not updating correctly for text with a binding for the font name.

Guide layers

  • Fixed publishing issue for documents without pages that contained a guide layer.
  • Fixed the incorrect warning about missing local assets in the Ad Validator when switching between documents or between Code view and Design view.
  • Fixed issue with the redo command when the document contained a guide layer.
  • Fixed issue with keyframe rules for guide layers getting published if the guide layers weren't on the active page.
  • Fixed issue with the element ID of a guide layer getting changed to data-gwd-grp-id after editing a group.
  • Fixed issue where empty keyframes on elements nested in guide layers were not added or restored correctly.
  • Fixed issue where the bounding box for multiple selected elements was removed after converting the layers to guide layers with the ad validator panel open.


  • The mask type shown in the timeline is now localised.
  • Fixed issue with undoing the creation of a mask.


  • Responsive documents for AdMob can now be published as a fixed-size ad with the addition of a 'Size' drop-down in the Publish dialogue.
  • Fixed issue with keyboard shortcut commands not working after dismissing the Publish to Studio dialogue.
  • The 'Press enter to create' text now disappears once you start typing the creative name in the Publish to Studio dialogue.
  • The Publish dialogue summary now updates the file size after toggling the 'Inline local files' or 'Groups unpacking' options.
  • Fixed layout issue with long labels in the Publish dialogue in some languages.


  • Fixed issue with opening the Swipeable Gallery event in the Cue Cards 300 x 250 template.
  • Fixed mouseover glitch in the responsive version of 'Dynamic Remarketing Side-by-side with Header and Individual CTA Buttons'.
  • Fixed issue with duplicate events for the expand button in 'Expandable creative with Video Player'.
  • Fixed issue with missing data in the sample data for the Cue Cards template.


  • [Ad environment] Fixed issue with images not rendering on stage after switching the document's ad environment from 'Non-Google ad' to another environment or the other way around.
  • [Responsive] Overlapping media rules manually added in Code view are now disabled.
  • [CSS panel] Fixed issue with red outlines appearing around elements when deleting CSS-style rules in the CSS panel.
  • [Interactive video] Fixed issue with undoing the deletion of a hotspot using the X button in the hotspot layer.
  • [Outliner] Fixed issue with the Outliner not filtering on tag name.
  • [Quick mode] Fixed issue with undoing the addition of a new thumbnail.
  • An error message is now shown when opening a malformed document that is missing class="gwd-page-content" or "gwd-page-size".

Change in version

  • The File > Include JS library menu command now uses the latest GreenSock library version, 3.0. Learn more.

Fixes and improvements in version

  • Fixed publishing issue for documents that included a timeline event and animation in the media rules.
  • Fixed issue with mask not getting removed when undone.
  • Code view minimap now scrolls with the editor window.
  • Fixed issue where the Code view minimap wasn't draggable after reaching the bottom of the document.
  • Fixed issue where 'Reset to defaults' did not reset some Code view preferences.
  • Ruler guides now respect the 'snap to objects' option.
  • Fixed issue with text fitting not working in non-Google ads.
  • Fixed issue with adding an effect from the Preset panel of the Particle Effects dialogue after scrolling to the right end of the panel.
  • Fixed undefined tooltip for the autoplay property in the Particle Effects dialogue.
  • Fixed scrolling issue in the Components panel when clicking on the scrollbar.
  • Fixed issue where the template wasn't selected in the Template Gallery when trying to open it via URL and Google Web Designer wasn't running.

New features in version

Code view improvements

  • Text files, published Google Web Designer files and HTML files that were created outside of Google Web Designer can now be opened and edited in Code view.
  • You can open image files in Google Web Designer, as well as edit SVG files in Code view.
  • A minimap overlay highlights the visible portion of text in Code view.
  • The Files panel now includes a refresh button to let you load changes to the list of project files.
  • Image thumbnails display when hovering over image files in the Files panel.
  • New keyboard shortcuts have been added:
    • Shift+Tab: Decreases the indentation of the current line or selected text.
    • Ctrl+G (Windows) or ⌘+G (Mac): If the search panel is open, finds the next match.
    • Shift+Ctrl+G (Windows) or Shift+⌘+G (Mac): If the search panel is open, finds the previous match.
  • A new 'restrict to selection' option in the search panel limits searches and replacements to the selected text.
  • Additional preferences let you configure HTML formatting options. Learn more.
  • Select your programming language in the Code view footer for the appropriate syntax colouring and code hints.

Guide layers

Toggle elements as guide layers to keep them from appearing in the browser preview or published files.

  • Guide layers act like regular elements while you're working on your document, making them useful for comments, blueprints or prototypes.
  • You can convert guide layers back to regular elements.


Hide part of an element by using a mask.

  • Clip path masks only show the part of the host element that fits inside a geometric shape.
  • Image masks use the transparent regions of an image to determine what parts of the host element to hide.
  • Gradient masks apply a gradient to fade out the host element.

Particle Effects component

Add animation effects based on particle systems, including snow, rain, fire, steam and smoke.

  • Start with preset configurations, then customise the particles' appearance and behaviour to make your own effects.
  • You can add multiple effects to the same image or set of images.

Transition Gallery component

Use this new gallery to display a series of images with transition animation between each image.

  • Select from a range of transition types: Fade, Push, Wipe, Slice, Blinds, Rotate and Zigzag.

Other notable changes

  • The Ad Validator no longer displays warnings about the 500K size limit for Display & Video 360 ads.
  • A keyboard shortcut for publishing has been added: Ctrl+Shift+P (Windows) or ⌘+Shift+P (Mac).
  • Animation in media rules now works in Internet Explorer 11.
  • The publishing path is now saved as a relative path to the author file so that Google Web Designer files can be moved to other computers without updating the publish location.
  • Publishing is now blocked if there are missing assets.

Fixes and improvements in version

Code view

  • Fixed issue with custom colour swatches not refreshing when switching between documents in Code view.
  • Zoom percentage is now remembered for code files.

Components and runtime

  • Date Swap component properties are now localised.
  • Tooltips for labels and values are now localised for UI components.
  • The page events 'Page activated' and 'Page deactivated' are now translated.
  • The Video component events 'Play after pause' and 'Seeked' are now translated.


  • Fixed issue with events not displaying in the Events panel when the column width was set to be less than the minimum.
  • Fixed refresh issue in the Events panel when removing element IDs.
  • Fixed issue where group event wasn't editable after exiting the group editing mode.

Interactive video

  • Renamed hotspots and cue points are now updated for existing events.
  • Fixed issue with resizing hotspots using the control handles on the hotspot's right edge.
  • Video timeline now scrolls to the hotspot track for the selected hotspot.
  • Fixed issue where undo didn't work after moving a hotspot with the mouse.
  • Fixed issue with 'Type cue point ID' label overlapping with the field in some languages.
  • Newly created hotspots now have better default dimensions.
  • Deleting hotspots or cue points now also deletes their events.
  • Fixed issue where video could turn invisible when resizing the video timeline.


  • Fixed issue with incorrect use count for a group nested inside another group.
  • [Library] Selected assets are now highlighted across the panel width.
  • Fixed issue with asset count showing 0 when an element with a CSS asset reference is pasted across documents.


  • Fixed issue where the Publish button remained disabled after trying to publish to a non-existent folder.
  • Fixed issue with motion path animation not working inside a group if the 'Groups unpacking' option was unticked in the Publish dialogue.
  • Fixed issue where elements weren't visible in the published file if they had a background-image URL containing parentheses.

Timeline and animation

  • Fixed issue where a new keyframe was deselected instead of multi-selecting when holding Shift while selecting another keyframe.
  • Removing an event marker in the timeline now removes the event from the Events panel.
  • Fixed issue with current time showing as Nan:NaN after deleting it.
  • Fixed issue with Google Web Designer freezing after selecting a keyframe and holding Shift while dragging to select other keyframes.
  • Fixed issue with animated base styles not pasting correctly to another document.
  • Animation classes are now removed from elements when media rule overrides are cleared and no other animations exist.
  • [Motion path] Fixed issue where the animation rule wasn't removed when all motion path animation keyframes were deleted.


  • [Outliner] Tooltips have been added for layer status icons (hidden and locked).
  • [Outliner] Outliner icons no longer move when scrolling horizontally.
  • [Media rules] Fixed issue where media rules weren't overriding animation with no animation.
  • [CSS panel] Fixed issue where the timeline didn't reflect a deleted animation rule.
  • Fixed issue with importing an image with " in its name.
  • Fixed issue with copying and pasting styles in media rules even when the destination document had matching media rules.
  • Fixed issue where the workspace jumped to an element off to the side after moving an element in the centre of the stage.
  • Removed text-tool-feedback class that appeared in Code view for list elements.
  • Fixed issue with copying and pasting elements with background image.
  • Fixed issue with switching Studio accounts when user roles differed for each account.
  • Fixed issue with Design view rulers shifting when switching between documents.

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