Google Web Designer/Özellikler Paneli: Bu paneli kullanarak, tasarımımızın herhangi bir katmanını kodlama, kod kimliği verme,
boyutlandırma, tasarım alanı içerisinde konumlandırma yapabiliriz.

Google Web Designer/ CSS Duyarlı Paneli: Bu panelin CSS bölümü yardımıyla CSS tanım dili kullanarak stil şablonlarını biçimlendirebiliriz.
Yanı sıra bu panelin duyarlı bölümünü kullanarak ana kuralları uygulayabilir, buna göre gerekirse CSS tanım dili kullanarak tasarımın bütününde değişiklikler yapabiliriz.

Yine medya kurallarını kullanarak tasarımın yatay ve dikey konumunu saptayabiliriz. Tasarım sürecinde içeriğin görüntü alanında yatay ve dikey ayrılma noktalarını seçerek

stil şablonlarında düzenleme ve değişiklikler yapabilir, böylece esnektasarımlar gerçekleştirebiliriz.