Vizuális szerkesztő
Jelölj ki egy elemet az előnézetben, és írd meg, mit változtasson rajta az AI. Nem kell leírnod, hol van az elem.
Haladási szint
0% · Befejezés: 2 perc
Néha nehéz szavakkal elmagyarázni, melyik gombra vagy címre gondolsz. A vizuális szerkesztővel egyszerűen rámutatsz az előnézetben, és megírod, mit változtasson rajta az AI. Nem kell leírnod, hol van az elem, és a kódot sem kell keresgélned.
Hogyan működik?
A kijelölt elem a chatbe kerül, a módosítást pedig az AI végzi el az alkalmazás forráskódjában. Így a változtatás megmarad: a publikált oldalon is ugyanúgy jelenik meg, és később bármikor visszavonható, mint bármelyik másik generálás.
Egy elem módosítása lépésről lépésre
- Nyisd meg az Előnézet fület. A szerkesztő gombja csak itt látszik.
- A chat mező alsó sorában kattints a ceruza ikonra (Szerkesztő mód). A gomb narancssárgára vált, az előnézet körül pedig keret jelenik meg.
- Kattints az előnézetben arra az elemre, amit módosítanál: egy címre, gombra, képre vagy kártyára. Az oldalon megjelenik az 1 kijelölés jelölés.
- A chat mező fölött egy címke mutatja a kijelölt elemet (a típusát és a szövegét), a mezőben pedig ez a felirat látszik: „Kérd meg a Suarát, hogy módosítsa a kijelölt elemet…”
- Írd le, mit szeretnél, és küldd el. Az AI megkeresi az elemet a kódban, és átírja.
🎬 VIDEÓ: Szerkesztő mód bekapcsolása, egy gomb kijelölése az előnézetben, a címke megjelenése a chat mező fölött, majd egy „legyen zöld és nagyobb” kérés elküldése.
Mit kérhetsz egy kijelölt elemtől?
Bármit, amit szavakkal is kérhetnél, csak most nem kell leírnod, melyik elemről van szó. Néhány példa:
Ez a gomb legyen zöld, nagyobb betűvel, és a felirata „Időpontot foglalok”.
Írd át ezt a címet: „Friss pékáru minden reggel 6-tól”.
Ezt a kártyát tedd egy sorba a mellette lévővel, és adj neki árnyékot.
Cseréld le ezt a képet egy világosabb, barátságosabb fotóra.
- Szöveg: felirat, cím, leírás átírása vagy lefordítása.
- Kinézet: szín, méret, betűtípus, térköz, lekerekítés, árnyék.
- Elrendezés: áthelyezés, sorba vagy oszlopba rendezés, elrejtés.
- Viselkedés: mit csináljon egy gomb vagy link kattintásra.
A kijelölés törlése
Ha meggondoltad magad, a chat mező fölötti címkén kattints az X-re (Kijelölés törlése), vagy az előnézetben a Törlés gombra. Egy másik elemre kattintva a kijelölés arra az elemre kerül át. Az üzenet elküldése után a kijelölés automatikusan törlődik, így a következő kérésed már nem erre az elemre vonatkozik.
A szerkesztő módot a ceruza gombra kattintva kapcsolhatod ki. Ebben az állapotban az előnézetben ismét rendesen tudsz kattintgatni, például kipróbálni egy menüt vagy egy űrlapot.
Generálás közben a szerkesztő mód gombja nem használható. Várd meg, amíg az AI befejezi az előző kérést.
Tippek
- Egyszerre egy elemet jelölhetsz ki. Ha több helyen ugyanazt a változtatást szeretnéd (például „minden gomb legyen kerek”), írd le szövegesen, kijelölés nélkül.
- Ha egy szöveg több helyen is szerepel (például menüben és láblécben), írd oda, hogy csak itt, vagy mindenhol cserélje.
- Ha az eredmény nem tetszik, a válasz alatti Visszavonás gombbal egy kattintással visszaléphetsz. Részletek: Verziók és visszaállítás.