Create engaging, interactive HTML5-based designs and motion graphics

Google Web Designer

Join our mailing list

Stay up to date with latest software releases, news, software discounts, deals and more.

Subscribe
Download Google Web Designer 14.0.1.0920

  -  1.1 MB  -  Freeware

What's new in this version:

Google Web Designer 14.0.1.0920
- AMPHTML validation restored
- 14 additional sizes added for video documents
- Custom sizes for responsive documents now support widths up to 3000px


Google Web Designer 14.0.0.0820
Image ads:
- Create image ads from scratch or export existing HTML5 ads as JPG or PNG images
- Use variants to make different versions of the same ad, all from the same document
- Build a multi-size layout using the responsive workflow so you can export different-sized ads from a single document
- Preview JPG quality at different compression levels before exporting

Backdrop tool:
- In video and image ads, apply CSS filters such as blur and grayscale to the area behind an element
- Draw backdrop elements of different shapes, including rectangle, oval, various polygons, and freeform

Fixes & improvements in version 14.0.0.0820:
- Fixed error when saving with keyboard shortcut while text box was active
- [Masking] Start point is now highlighted when the shape is about to be closed when drawing a freeform polygon mask
- [Masking] A vertex is only added if there isn't already one at the position where the mouse is released when drawing a freeform polygon mask
- [Pen tool] Fixed error when undoing the creation of anchor points


Google Web Designer 12.0.0.0719
CSS effects:
- Use the new CSS Effects panel to add visual effects to your elements in both video and HTML5 documents
- Add filters like blur, brightness, drop shadow, and more
- Set how elements blend with overlapping elements with mix blend modes

Video:
- You can now produce videos with Google Web Designer
- Import and edit media clip sequences
- Include text, images, and animation, all rendered in the final published video
- Preview video and audio playback directly on the stage
- Export multiple variants from a single video document
- New templates

Other notable changes in version 12.0.0.0719:
- Custom components that follow the Custom Elements v0 specification are no longer be supported. Learn how to upgrade your components.
- The stage zoom controls now include a dropdown, with a "Zoom to fit" option that lets you automatically set the stage zoom level to maximize the available space

Fixes & improvements in version 12.0.0.0719:
3D:
- Camera-based methods now account for pending camera edits
- Page attributes data-gwd-width and data-gwd-height are now set to pixel values upon publishing Swirl ads
- Fixed zoom limit set in 3D editor is now respected in the published ads

Dynamic:
- Image Effects and Transition Gallery components now support dynamic data bindings
- Fixed issue where switching to a document with a bind-style attribute would mark the file as needing to be saved again

SVG:
- Text fitting is no longer added when binding an SVG element
- Fixed issue with pasting SVG code to the stage in Windows
- Fixed issue with importing an SVG twice
- Fixed issue where importing multiple inline SVGs with IDs in common did not rename the IDs

Other:
- Fixed issue where the component editing dialog didn’t close after the source file was deleted from the file system
- Fixed issue where an extra undo operation was added when switching gradient type to radial
- Fixed issue with using arrows keys in the Outliner panel
- Fixed issue with template filters in the Template Gallery
- Keyframes can no longer be duplicated to a locked layer
- Fixed issue where an element's bottom-right radius was not reflected in the Quick mode timeline thumbnail


Google Web Designer 11.0.2.0415
- Fixed issue where Google Web Designer froze upon opening a dynamic ad with sample data already selected
- Updated the GLB file size limit warning from 2 GB to 3 GB in the Ad Validator


Google Web Designer 11.0.1.0406
Fixes and improvements:
- Responsive attributes are now supported in Google Ads
- Fixed issue where transform attributes for inline SVGs were incorrectly removed
- Fixed issue with swiping between images in a Transition Gallery when previewing in the browser


Google Web Designer 10.0.2.0105
- Fixed issue where the Publish > Campaign Manager 360 menu command didn't work


Google Web Designer 10.0.1.1204
Fixes and improvements:
- The selected size is now generated correctly for the shareable preview for a responsive ad
- Fixed issue with the responsive preview not updating when the current time was changed in the Quick mode timeline
- Fixed issue where the responsive preview was rendered using the previously closed document
- Fixed issue with selecting an advertiser when publishing to Studio


Google Web Designer 10.0.0.1123
Authentication changes:
- We've implemented a more secure method for signing in to your Google Account. You'll now complete the sign-in process within your default browser

Cropping in Image processing:
- You can now crop images within the Image processing dialog. Google Web Designer suggests the region to crop, and you can make manual adjustments

Publish to Campaign Manager 360:
- A new publish option lets you upload creatives directly to Campaign Manager 360. Specify the advertiser, and optionally the campaign

Snapping changes:
- We've added snapping modes so that you can snap objects to be the same size or to have the same spacing. You can also change the snapping threshold and scope

Fixes & improvements in version 10.0.0.1123:
Components:
- Dynamic data bindings are now available for the Particle Effects, Parallax, and Swirl components
- [Transition Gallery] Fixed issue with autoplay looping infinitely when using the preset Repeat value

Pen tool:
- Fixed issue where anchor points shifted when drawing a nested shape
- Fixed issue undoing or redoing the leftmost or topmost anchor point

Other:
- [Code view] Images modified outside of Google Web Designer now update in Design view
- [Events] Fixed issue with "Save all" command not working when there were events in the files
- [Groups] The height of a group drawn in Top view or Side view now rounds to 0px instead of using E notation
- [Library] Fixed issue with sorting by date not working
- [Publish to Drive] Publishing to Drive now accepts an empty/unset location as the root directory
- [Templates] Fixed issue with template load order, which caused missing sizes in the Template Gallery
- [Timeline] Fixed issue where right-clicking a layer under a label triggered the label's pop-up menu instead of the layer's pop-up menu
- [Responsive] Fixed issue that prevented the addition of style overrides to default media rules in the CSS panel


Google Web Designer 9.0.2.0915
- Fixed issue where media rules for a specific size didn't apply at some browser zoom levels


Google Web Designer 9.0.1.0902
- 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 of Google Web Designer was not updated in Web Designer
- Fixed issue where very old files could not be opened


Google Web Designer 9.0.0.0824
New features:
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 colors from the stage.
- You can find the eyedropper tool on the toolbar, along with color chips displaying the active colors.
- The eyedropper automatically activates when you open the color mixer to select a color.

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.

Masking:
- 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 customized 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 9.0.0.0824:
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 & improvements:
Components:
Parallax:
- Fixed issue where holding the Shift key did not constrain elements to a single axis while dragging images in the Parallax component dialog.

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 optimize it for ads.
- Image Effect:
- Fixed issue with the Image Effect component failing to load after refreshing the browser.
- Groups:
- 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.

Library:
- 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 periods 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.

Other:
- [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 a icon file generated by Mac OS in the project directory.
- [Publish dialog] 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" dialog.
- [Preferences dialog] Fixed issue with the color 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.


Google Web Designer 8.0.3.0603
- Fixed issue where Google Fonts failed to load when adding new fonts


Google Web Designer 8.0.2.0506
Fixes & improvements:
- Fixed issue where the 3D model's initial lighting was too bright

New templates:
- Swirl Color Selector - A 300x600 Swirl creative with standard elements (a 3D model, logo, CTA button, and gesture cue) and color chips to change the 3D model's color.
- Swirl Color Selector Expandable - A 300x250 Swirl creative that can expand to full screen, with standard elements (a 3D model, logo, CTA button, and gesture cue) and color chips to change the 3D model's color.
- Swirl Hotspot - A 300x600 Swirl creative with standard elements (a 3D model, logo, CTA button, and gesture cue) and hotspots that display additional information about the 3D model.
- Swirl Hotspot Expandable - A 300x250 Swirl creative that can expand to full screen, with standard elements (a 3D model, logo, CTA button, and gesture cue) and hotspots that display additional information about the 3D model.


Google Web Designer 8.0.1.0401
Audio file import:
- Easily add audio files to your project
- Import MP3, OGG, and WAV audio files
- The Library panel now lists audio assets

Components:
Image Effect:
- Add visual effects to your images, such as wave distortions or revealing another image

Swirl:
- Use this component to build Swirl creatives for Display & Video 360, with a 3D asset and parallax effects
- Custom element upgrade to V1
- Components now use the Custom Elements V1 specification
- Standard (non-custom) components in your documents are automatically upgraded when possible
- For a limited time, custom components that use the old V0 specification will continue to be supported. Follow our upgrade guide for these outdated components.

Disk monitoring:
- Google Web Designer now detects when open files are changed on disk by other applications
- You'll be notified when a file has been edited outside of Google Web Designer, and can choose between refreshing the file to load those changes, or keeping the current version.
- Deleted, renamed, or moved files also trigger a warning

Image color extraction:
- Generate a miniature color palette for an image
- Create a set of 5 colors based on the selected image, and use these colors like any other swatches

Initial load size:
- The initial load size is now calculated differently
- The initial load size displayed in the Ad Validator and the Publish dialog now includes relevant assets

Mask copy and paste:
- You can now cut, copy, and paste masks
- Copy and paste masks between elements, even in different documents

Outliner enhancements:
New functionality is available in the Outliner panel:
- Rearrange elements in the DOM order by dragging and dropping them, including nesting them under different parent elements
- Access the context menu for an element by right-clicking it within the Outliner panel
- See which elements are guide layers or have dynamic data bindings

Parallax enhancements:
The Parallax component includes new features:
- An optional middle state lets you build animations that change direction or opacity
- Configure the animation timing so it starts and ends at specified points during scrolling
- Access the Library directly within the Parallax editing dialog
- Undo and redo commands are now supported for changes in the Parallax editing dialog
- Shift+click to select multiple layers is now supported

Send preview to device:
- You can now preview your creative on a phone or tablet
- Send a preview of your ad to a mobile device that has the Creative Preview app installed
- Available for ads with an ad environment of Display & Video 360, Google Ads, or Google AdMob. AMPHTML ads and expandable ads that expand to custom sizes are not supported.

Shareable preview link:
- There's a new way to let other people preview your work
- From the Preview button, generate a link that you can share so others can preview your project within their browsers
- Available for ads with an ad environment of Display & Video 360, Google Ads, or Google AdMob. AMPHTML ads and expandable ads that expand to custom sizes are not supported.

New Parallax templates in version 8.0.0.0323:
- Parallax Materialize - After the invitation text scrolls away, an object and additional text appear
- Parallax Barn Doors - A pair of doors open to reveal an object, then close to display a logo

Other notable changes in version 8.0.0.0323:
- Events that are attached to elements are now copied and pasted along with the elements

Fixes and improvements in version 8.0.0.0323:Code view:
- Fixed issue with long labels in some languages causing misalignment in the Code view preferences dialog
- Fixed issue with the language mode dropdown not closing when clicking outside of it
- Fixed focus issue after inserting a JavaScript library in Code view
- Whole word search now works properly
- Restrict-to-selection search in Code view now accounts for multiple selections
- Fixed issue with "End file with newline" option also inserting a newline before and tags
- Restrict-to-selection search matches are now scrolled into view in Code view
- Fixed issue with the Files filter resetting after collapsing and expanding the project directory
- Zoom controls are now hidden in Code view when displaying an image

Components:
- Parallax: Fixed issue where using the arrow keys to move an element in the Parallax dialog scrolled the Layers panel
- Particle Effects
- Getting started text now refers to adding a preset rather than an image
- Fixed issue with drop target highlight when dragging an asset
- Fixed issue with the particle effects clearing when switching pages
- Fixed issue with component disappearing after changing attributes with scripting
- Fixed issue where animation cannot be played again after the time limit is reached
- Transition Gallery
- Fixed issue with the component background image not rendering on the stage after applying a gradient background color and animating the component
- Fixed issue with editing the transition gallery inside a group

Dynamic:
- Fixed issue with selecting "Image URL" when applying the "Pluck and join" filter for a custom dynamic schema
- Fixed issue where the custom schema account dropdown failed to appear after canceling and reopening the dynamic dialog
- "Dynamic Remarketing" has been removed from the Dynamic Vertical filter list in the Template Gallery, as Dynamic Remarketing for Display & Video 360 has been sunsetted.

Groups:
- Fixed issue where the original element didn't render correctly after undoing a cut and paste action inside the nested group
- Fixed issue where a grouped image did not render after pasting across documents

Interactive video dialog:
- Fixed issue with undoing the deletion of a hotspot by clicking the X
- Fixed rounding issue when using decimal points

Library:
- Images with periods in the path now can be imported to the Library
- Fixed issue with the Library appearing to accept dragged items from other panels
- [Studio Asset Library] Launch button now remains after signing out
- Fixed issue where refreshing the Library caused images to display at their original size when scaling was not set to "Stretch image to fill”

Preview in browser:
- Fixed issue where focal points did not update when resizing the ad in preview by freehand
- Add more sizes to the advanced mode responsive preview sizes list for Display & Video 360: 360x640, 360x592, and 375x667
- The default preview mode for an HTML file has changed from Mobile to Desktop
- Fixed truncated labels in preview for some languages

Text:
- Fixed error when changing a to a tag
- Fixed issue where Bulleted List and Numbered List layers didn't display in the timeline until the file was saved and reopened

Workspace:
- The height of the Outliner panel no longer changes when opening the closed tab underneath
- Fixed issue with docking a floating panel to other panels after closing all but one tab in the floating panel
- The document tab overflow dropdown menu now closes a file as soon as the X button is clicked
- Fixed truncation issue with the pop-up menu in the collapsed floating panel
- The document tab overflow dropdown menu now can list more than 17 files

Other:
- Fixed issue causing “Insufficient Permissions” error when publishing to Studio or Display & Video 360
- Fixed issue with clipboard commands not working after switching to Code view and back
- Fixed issue with pop-up color mixer not closing upon an outside click if the gradient color picker was open
- Fixed issue where the stage preview was incorrect for images with a focal point when changing viewport size
- [Events panel] Fixed issue with dragging an event to the end of the list
- Fixed issue where toggling the "Expanded" and "Centered" page properties created duplicate undo/redo entries
- Fixed issue with Google Web Designer crashing when group preview failed
- “Popup_closed_by_user" notification no longer displays when canceling the Sign In window
- An error message now displays when trying to change animation looping for a layer with empty keyframes
- The zoom indicator now updates correctly when switching pages or editing a group
- Fixed issue with missing data in the sample dynamic data for the Cue Cards template


Google Web Designer 7.1.1.1210
- Fixed publishing issue when the document contains custom fonts


Google Web Designer 7.1.0.1122
Changes:
- 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 dialog 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 dialog 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 (360x640, 360x592, and 375x667)
- 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:
Code view:
- The "Reset to defaults" option now resets all Code view preferences correctly
- The language menu now closes when clicking outside of 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 color swatches not refreshing when switching documents in Code view

Components:
- Particle Effects] Specified tooltip for Autoplay 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 & Particle Effects] Fixed issue with zoom control being active in the "Choose images" dialog
- Fixed issue where the Transition Gallery did not render images after switching pages

Dynamic:
- Fixed issue where the custom schema account dropdown didn't appear after canceling and reopening the Dynamic bindings dialog
- 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 dialog
- 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

Masking:
- The mask type shown in the timeline is now localized
- Fixed issue with undoing the creation of a mask

Publish:
- Responsive documents for AdMob can now be published as a fixed-size ad with the addition of a "Size" dropdown in the Publish dialog
- Fixed issue with keyboard shortcut commands not working after dismissing the Publish to Studio dialog
- The "Press enter to create" text now disappears once you start typing the creative name in the Publish to Studio dialog
- The Publish dialog 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 dialog in some languages

Templates:
- Fixed issue with opening the Swipeable Gallery event in the Cue Cards 300x250 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

Other:
- 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"


Google Web Designer 7.0.1.1101
- Change log not available for this version


Google Web Designer 7.0.1.1008
- 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 dialog after scrolling to the right end of the panel
- Fixed undefined tooltip for the Autoplay property in the Particle Effects dialog
- 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


Google Web Designer 7.0.0.0923
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 coloring and code hints

Guide layers:
- Toggle elements as guide layers to keep them from showing up 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

Masking:
- 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 customize the particles' appearance and behavior 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

The Transition Gallery component:
- 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:
Code view:
- Fixed issue with custom color swatches not refreshing when switching between documents in Code view
- Zoom percentage is now remembered for code files

Components & runtime:
- Date Swap component properties are now localized
- Tooltips for labels and values are now localized 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

Events:
- 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

Library:
- 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

Publish:
- 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 unchecked in the Publish dialog
- Fixed issue where elements weren't visible in the published file if they had a background-image URL containing parentheses

Timeline & 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

Other:
- 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 center 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: 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 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 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_USERSoftwareGoogleWeb DesignerSettings in the registry. Set this value to 1.


Google Web Designer 6.0.1.0801
- Fixed issue with animations not playing in Internet Explorer
- Fixed issue with reordering columns in the Library panel


Google Web Designer 6.0.0.0710
Code view improvements:
- Design view panels and toolbars are now automatically hidden to give you a wider area for viewing your code
- The new Files panel lets you browse and open other files in your project folder
- Use the minimap for a high-level overview of your code and for quick navigation
- Collapse and expand code blocks
- Code completion suggestions display automatically as you type

Events panel layout:
- The Events panel now displays information in resizable columns
- You can reorder events by dragging them to a new position in the list

Focal points for responsive images:
- Set a focal point to keep a key part of your image always visible in case resizing the image may crop it

Focal point for responsive images:
Interactive video:
- The Video component now lets you add hotspots that appear over your video
- Set cue points to seek or trigger events at specific times during video playback
- Interactive video: how to create cue points and hotspots

Keyframe rules editing in CSS panel:
- You can now see and directly edit CSS animation keyframe rules while in Design view
- Editing keyframe rules in CSS panel
- New templates in version 6.0.0.0710

2 templates have been added to the Dynamic remarketing for Google Ads template category:
- Responsive Dynamic Remarketing Travel Block Details
- Responsive Dynamic Remarketing Travel Pennant Details

Other notable changes:
- Document tabs now display long file names
- The Ad Validator shows a warning about the upcoming Google Fusion Tables turndown for the Maps component
- Fixes & improvements in version 6.0.0.0710

Components & runtime:
- [Star Ratings] Fixed rendering issue with the Star Ratings component
- [YouTube] Show title property removed because the showinfo parameter has been deprecated
- Fixed issue with the Properties panel not updating to show custom component properties

Publish:
- [Publish to Display & Video 360] Fixed issue where the Creative name field was enabled before an Advertiser was selected.
- [Publish to Display & Video 360] The Publish button in the Publish dialog is now disabled after the association is removed and settings are cleared

Timeline & animation:
- Fixed issue with wrapping and unwrapping element not updating animation selectors
- Fixed crash after selecting a keyframe then using Shift + dragging to select other keyframes

Workspace (panels and user interface):
- Fixed issue with error when saving a workspace with empty name
- Document tab overflow dropdown now displays the full filename

Other:
- The Ad Validator now shows the correct size limit for ads created with the App Promo Install template
- Fixed crash when opening files containing certain image URLs
- Fixed issue where dynamic data bindings weren't saved for descendants of elements with text fitting applied
- [Publish to Display & Video 360] Fixed issue where the Creative field was enabled before an Advertiser was selected
- [AMP] Inline style rules can now be viewed and edited in the CSS panel
- [AMP] Motion paths are now available in AMPHTML ads

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 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_USERSoftwareGoogleWeb DesignerSettings in the registry. Set this value to 1
- Mac: Add a Boolean row to ~/Library/Preferences/com.google.WebDesigner.plist with the name disable-gpu-rendering and a value of YES, or run defaults write com.google.WebDesigner.plist 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)


Google Web Designer 5.1.1.0611
- Change log not available for this version


Google Web Designer 5.1.0.0529
- Change log not available for this version


Google Web Designer 5.0.4.0226
- The YouTube component now includes the playsinline attribute for the video player by default. Override this change by specifying playsinline=0 in Extra player parameters in the Advanced section of the Properties panel
- Fixed issue with Swipeable Gallery component not swiping on Android with Chrome 72 or higher
- Fixed issue with text fitting not working in some cases when font size was set using em or decimal values
- Creatives using the App Promo Install dynamic schema can now be uploaded to Google Ads. Please re-publish the creative to get the fix
- File > Include JS library command now uses the latest GreenSock library version, 2.1.2


Google Web Designer 5.0.3.0130
- [AMPHTML ads] Fixed issue with "gotoAndPlayNTimes" missing from the Events dialog in non-English versions
- [Preview] Fixed issue with transformed dynamic data in responsive documents not rendering properly in preview
- [Dynamic] Binding text content to custom data objects no longer adds fields to the sample dynamic data
- [Dynamic] Dynamic profiles no longer requested from Studio when the advertiser ID is invalid


Google Web Designer 5.0.2.0115
- Fixed issue with opening files that use a large custom schema
- Fixed issue with the Dynamic Properties dialog not showing the full list of data schema objects for binding when the feed data containsdouble quotation marks
- Added a button to refresh the schema on the Dynamic Properties dialog's Data Schema tab if the schema has changed in Studio
- Fixed issue with opening files in the gwd-preview folder to preview them in a browser. Note: Files must be previewed on a web server
- Fixed issue with the Properties panel no longer highlighting overridden properties


Google Web Designer 5.0.1.1129

Bug fixes:
- Fixed issue with text font, style, and color not setting when in text editing mode
- Fixed issue with font weight getting removed from the published files when the font is defined in an external stylesheet
- Fixed issue with "Regular", "Bold", and "Italic" font weights missing in the published files
- Fixed issue with font keys getting removed from the published files
- Fixed issue with zoom cursor activating when hovering over the stage scrollbars
- Fixed issue with incorrect property list displaying for a div in the dynamic bindings dialog if a binding already exists for a group
- Fixed issue where a gallery populated by a dynamic group (with a binding for the “Repeat for each item in collection” attribute) only displayed the first local image in the in-browser preview
- Fixed issue with previewing documents with dynamic fonts from Google Fonts
- Fixed issue with dynamic fonts from Google Fonts not loading when a document with dynamic bindings was loaded with sample data already selected
- Fixed issue with sample data editor not saving changes after the Dynamic panel was collapsed or closed
- Viewport size label in the in-browser preview is no longer truncated in some languages
- Fixed issue with non-localized strings for the new features introduced in version 5.0.0.1126

New features:
Advanced preview configuration:
- New preview modes for different document types let you easily resize the preview viewport
- For responsive ads, you can see different-sized versions of your ad at the same time
- For dynamic ads, you can preview multiple versions with different sample data feeds, all on the same page

AMPHTML for Display & Video 360:
- Build lightweight, mobile-optimized AMPHTML ads for Display & Video 360

Dynamic ad workflow improvements:
Data bindings UI enhancements - a more intuitive interface for adding and editing dynamic data bindings:
- Browse your document structure to select elements for binding, or start typing to filter a list
- Renamed data schema objects and filters are now more understandable

Sample data - a new tab on the Dynamic panel lets you work with sample dynamic data:
- Create and edit sample data directly from within Google Web Designer
- You can now preview dynamic elements right on the stage with different sets of sample data
- Reuse sample data sets across documents by saving them in the sample data library

HTML UI components:
- Add and configure common UI elements such as buttons, text fields, dropdowns, and checkboxes

Parallax component:
- The Parallax component lets you build creatives for Display & Video 360 in an immersive display format designed for mobile web. Layer images to create the illusion of depth as viewers scroll the page

Publish to Display & Video 360:
- Upload creatives directly to your Display & Video 360 account. Creatives are saved as drafts

Ruler guides:
- Add guides to easily align objects on the stage

Other notable changes:
- The Text style dropdown in the Text tool options and Text panel now shows all available font weights for Google Fonts
- Contact us options for support are now available in the Help panel after you've signed in to your Google Account
- The new Use percentages checkbox in the Properties panel lets you quickly switch the position and size of selected elements to percentages instead of pixels
- You can now right-click a document tab to access the new Close tab and Close other tabs commands
- In the timeline, you can now move the playhead by entering a new value for the current time
- The asset name is now used as the component ID when importing assets
- The option to preview documents using the file:// protocol has been removed

Fixes and improvements:
Components and Runtime:
- [Image] Fixed issue where images appeared doubled on the stage
- Image upload dialog now shows an error message when importing unsupported image types
- Video URLs containing commas now supported

Dynamic:
- Fixed issue with "Limit count" filter not working correctly with "Repeat for each item in collection" attribute
- Text content bindings no longer allowed for custom elements or UI elements other than buttons and labels
- Fixed issue with the Delete icon still being enabled in the Dynamic panel when there were no data bindings
- More easily understandable names listed for data schema objects in the Dynamic Properties dialog
- Multiple dynamic bindings can now be selected in the Dynamic panel
- Fixed the performance issue with the Dynamic dialog when there were many bindings
- Fixed issue with previewing sample data when a custom schema’s name contained an underscore
- Added ability to copy a binding in the Dynamic Properties dialog by right-clicking a field
- Detailed error messages are now displayed when there is an error with a Studio dynamic profile
- [Usability] Added ability to navigate items in the "Data schema object" dropdown using arrow keys
- Fixed issue with the Advertiser list duplicating after switching between the Data Schema and Bindings tabs
- [Media Rules] [Publish to Studio] Fixed issue where the Studio association was removed after clicking the Cancel button in the Publish dialog
- Keyboard navigation now supported between fields in the Dynamic Properties dialog

Library:
- Fixed issue with the Use count doubling when adding an image while editing a group
- Fixed issue with the Refresh assets button not updating the image on the stage after the image file was replaced in the assets folder
- Fixed issue with not being able to deselect an asset
- [Mac only] Fixed issue with image assets not showing up in the Library panel if the image file name had no file extension
- Fixed issue with incorrect Use count showing for a group when another group with a Use count of 0 was deleted
- Fixed issue with incorrect Use count showing for a group when the document was reopened

Text:
- [Text] Export only used font weights to the published file
- [Text] Fixed issue with text containers losing focus when the Properties panel was expanded
- [Text] Fixed issue with hyperlinks getting removed when the tag was added in Code view then edited in Design view
- [Timeline] [Text] Advanced timeline layer name now shows full text content for a text element with child elements
- [Text fitting] [Groups] Fixed issue with new group instance showing text fitting effects without text fitting settings, when a previous group instance with text fitting settings was edited before adding the new instance
- [Text fitting] Disabled text fitting for components that shouldn't have text content, fixing an issue with adding groups to a gallery when the gallery had text fitting settings
- [Text fitting] [Groups] Fixed issue where the Library wouldn't display a preview for a group with a text element after text fitting settings were applied to an instance of the group
- Text fitting now works in group editing mode
- [Text fitting] The Outliner now shows child text elements with the full text when the parent element has text fitting settings
- [Text fitting] Advanced timeline layer name now shows full text content for copied elements with truncated text
- [Text fitting] Fixed issue where Break apart option wasn't available after text fitting was applied to wrapped elements
- [Text fitting] Fixed issue where the Outliner showed child elements for a childless text element after text fitting was applied
- [Text fitting] Fixed issue where editing a group instance affected text fitting settings for other group instances
- [Text fitting] Fixed issue with undoing truncation if the text element was wrapped after truncation
- [Text fitting] [Dynamic] Fixed issue with a blank entry showing in the Elements dropdown of the Dynamic Properties dialog after the listing for a truncated text element

Templates:
- The Star Ratings component now shows in previews from Template Gallery
- [Text] Fixed issue with uneditable text in the Dynamic Remarketing Single Page template
- The template update progress dialog now shows only when template updates are available
- Updated image scaling method in VPAID templates from stretching to resizing
- Dynamic Remarketing Aligned Panels and Individual CTA Buttons template (728x90): centered the prices for Product 2 & Product 3
- Travel with Search Form template: fixed broken iframe on the expanded page

Timeline and animation:
- Animated properties dialog now only appears if a single keyframe is selected
- Fixed issue where a keyframe would become deselected after removing an animated property
- Fixed issue with keyframe selection not updating correctly after keyframes were removed
- Fixed issue where the timeline wasn't fully disabled in Code view
- [Motion paths] Fixed stage rendering issues when pasting a keyframe for an element with a motion path
- [Motion paths] Fixed issue where copied animation rules had a length of 0s
- Fixed issue with background and borders for text elements not showing in Quick mode thumbnails
- [SVG shapes] Fixed issue where Quick mode thumbnails didn't update to reflect changes to radial gradient fills for shapes
- [Text] Fixed issue where Quick mode thumbnails didn't show text after a list was inserted in the text
- Fixed issue with app crashing when opening a document with malformed animation rules
- Fixed issue with keyframe timing changing by a tiny amount when reopening file
- [Copy & paste] Added ability to copy empty keyframes

Workspace (panels and user interface):
- [Floating panels] Floating panels that were previously closed then reopened no longer disappear upon relaunching the app
- [Floating panels] Animation effects for opening and closing floating panels have been removed
- [Panels] Panels now grow to fill empty vertical space left at the bottom after rearranging or resizing panels

Other:
- [Groups] Group editing mode now uses the page color for the stage background
- Added preference for remembering the Selection tool options and Code view zoom level across app launches
- Text tool options and Design view zoom level for the document are now remembered upon reopening the document
- [Events] [Feature request] Added mouseenter and mouseleave events to the Events dialog
- [Feature request] Enabled in-product chat support in the Help panel
- Fixed issue where the keyboard shortcut to save the file wouldn't work immediately after double-clicking a component to add it to the stage
- [Transform] Fixed issue where the selection outline and transform controls appeared misaligned in Top view
- Fixed issue with Events dialog flickering when making a selection in the dialog
- Fixed issue with data loss when undoing the grouping of a shape
- The Events dialog is now resizable with the resize handle on the bottom right corner
- The notification of a new release no longer displays for a fresh app installation
- Fixed issue with incorrect viewport size showing in the tool options bar after editing in Code view
- Fixed issue with adding a new page in an AMPHTML document
- [Media rules] Changed the viewport color where the viewport extends past the stage
- Fixed issue where the transform control appeared too wide for very thin elements
- [CSS panel] Fixed issues where the overflow property wasn't suggested for autocompletion, and typing : didn't move focus to the property value field


Google Web Designer 4.2.0.0802

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

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

Join our mailing list

Stay up to date with latest software releases, news, software discounts, deals and more.

Subscribe