Vizuální editor bez kódu

Editor načte váš skutečný web do rámce a umožní vám ukázat na cokoli v něm. Výběr prvku otevře panel vlastností seskupený tak, jak by je seskupil návrhářský nástroj: obsah, typografie, pozadí, okraj, rozestupy, velikost a pozice. Každá změna se zaznamená k variantě, kterou právě upravujete, nikdy ke stránce.

Vedle plátna běží hierarchický strom pro chvíle, kdy ukazování není dost přesné, s drobečkovou navigací, která přesně ukazuje, který uzel je vybraný. Pole pro CSS selektor je tam ze stejného důvodu: pokud selektor už znáte, je rychlejší jej napsat, než jej hledat.

Seznam změn ukazuje vše, co varianta dělá, v pořadí, a každou položku lze odebrat samostatně. Tenhle seznam je varianta. Je to, co se aplikuje na stránce návštěvníka a co později čte předání k implementaci, aby vývojáři řeklo, co má zapsat natvrdo.

Dva menší ovládací prvky mají větší váhu, než vypadají. Přepínač interaktivity střídá mezi výběrem prvků a skutečným používáním stránky, takže můžete otevřít menu nebo modální okno a upravit to, co je uvnitř. Volič zařízení přerámuje plátno na šířky, které používá váš provoz, protože varianta, která funguje jen na šířce desktopu, není hotová.