Vizuální úpravy

Místo toho, abyste AI popisovali každou drobnou změnu, můžete kliknout na libovolný prvek a vizuálně upravit jeho obsah, rozložení nebo styl. Díky tomu snáze doladíte to, co už na stránce je, a změny zůstanou předvídatelné. Vizuální úpravy jsou navržené pro cílené úpravy. Pracujete s konkrétním prvkem, vidíte všechna dostupná nastavení a změny aplikujete přímo.

Funkce Vizuální úpravy je dostupná pouze na počítači.

K čemu Vizuální úpravy slouží

Vizuální úpravy se nejlépe hodí, když už máte na stránce obsah a chcete ho doladit. Typické příklady:

Úprava textu nebo nadpisů
Změna odsazení, nebo zarovnání
Doladění velikosti, tloušťky nebo barvy písma
Změna pozadí, ohraničení nebo stínů
Nahrazení nebo úprava obrázků
Drobné změny rozložení, aniž by to ovlivnilo zbytek stránky

Pokud víte, co chcete změnit a kde, vizuální úpravy jsou většinou nejrychlejší cestou.

Jak Vizuální úpravy fungují

Vizuální úpravy pracují na úrovni prvků. Když vyberete prvek, Macaly zobrazí v panelu vlevo všechna dostupná nastavení pro tento prvek. Nastavení se liší podle typu vybraného prvku: sekce, textový blok, obrázek atd. Některé změny se aplikují okamžitě. V ostatních případech Macaly využije AI. Když se zapojí AI, Macaly mu předá dodatečný kontext o vybraném prvku, aby se provedla jen zamýšlená změna. I když se zapojí AI, úpravy zůstávají omezené na vybraný prvek a obvykle spotřebují méně kreditů než obecný prompt, protože AI dostane jasné instrukce a přesný kontext.

Výběr prvků

Jak začít s úpravami:

Klikněte na Vizuální úpravy
Klikněte na prvek na stránce

Vybraný prvek se zvýrazní v náhledu a jeho nastavení se zobrazí v levém panelu. Vybrat můžete:

Sekce a kontejnery
Textové prvky jako nadpisy a odstavce
Obrázky
Tlačítka a další UI prvky

Pokud je prvek možné vybrat, je možné ho i upravit.

Navigace mezi prvky

Někdy nestačí na prvek jednoduše kliknout. To se obvykle stane, když:

Se prvky překrývají
Dceřiný prvek zakrývá svůj rodičovský
Prvek je umístěný nad jiným pomocí absolutního pozicování

Pro tyto situace nabízejí vizuální úpravy navigační ovládání:

Přejít na nadřazený prvek: vybere prvek, který obsahuje ten aktuální
Další prvek nebo Předchozí prvek: přesun mezi sousedními prvky

To se hodí zejména když potřebujete upravit obrázek na pozadí, kontejner za textem nebo prvek rozložení, na který nelze přímo kliknout.

Úpravy sekcí a rozložení

Když je vybraná sekce nebo kontejner, vizuální úpravy se zaměří na rozložení a strukturu. Můžete upravit:

Šířku a výšku
a
Barvu pozadí
Styl, šířku a barvu ohraničení
Zaoblení a stín
Průhlednost
Mezery mezi prvky

Tyto ovládací prvky vám pomohou upravit uspořádání obsahu, aniž byste měnili obsah samotný.

Úpravy textu

Text můžete upravovat přímo na stránce. Můžete:

Kliknout do textu a rovnou ho přepsat
Změnit velikost, tloušťku a zarovnání písma
Upravit barvu a styl textu
Změnit mezery a rozložení

Díky tomu jsou textové změny rychlé a snadno vizuálně ověřitelné. Nemusíte znovu promptovat AI jen kvůli změně jedné věty.

Úpravy obrázků

Obrázky se upravují stejně jako ostatní prvky. Můžete:

Nahrát nebo nahradit obrázek
Upravit šířku, výšku, zaoblení, stín a průhlednost

Také můžete použít tlačítko Ask AI k úpravě obrázků popisem toho, co chcete změnit, například:

Obrázek chcete udělat minimalistický
Upravit barvy nebo kontrast
Přidat nebo odstranit vizuální prvky

Funkce Ask AI pro obrázky je navržena pro kreativní úpravy, aniž byste potřebovali nástroje pro editaci obrázků.

Odstraňování prvků

Vizuální úpravy umožňují prvky také odstraňovat. To se hodí, když:

Chcete změnit vygenerované rozložení
Sekce nebo prvek už není potřeba
Chcete zjednodušit strukturu stránky

Odstranění prvku se týká pouze daného prvku a neovlivní zbytek stránky.

Použití AI v rámci Vizuálních úprav

Vizuální úpravy mohou spolupracovat s AI. Když je vybraný prvek, můžete napsat prompt, který se aplikuje pouze na tento prvek. AI tak provede změny jen v rámci vybraného prvku a neovlivní ostatní části stránky. To je užitečné, když chcete pomoct s přepsáním textu nebo úpravou obrázku, ale nechcete širší změny. Například:

„Přepiš tento nadpis, ať je kratší”
„Udělej tento obrázek minimalistický”
„Uprav tento odstavec, ať zní profesionálněji”

AI upraví pouze vybraný prvek.

Úpravy kódu

Pro uživatele, kteří chtějí nahlédnout hlouběji, nabízejí vizuální úpravy možnost přejít na zdrojový kód přímo z vybraného prvku. K používání Macaly kód upravovat nemusíte, ale tato možnost se hodí, pokud chcete pochopit, jak je konkrétní prvek strukturovaný.