> ## Documentation Index
> Fetch the complete documentation index at: https://vibewax.be/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Vizuális szerkesztés

> Hogyan módosíthatod a dizájnt, a szöveget és az elrendezést közvetlenül az oldalon

Ahelyett, hogy minden apró módosítást elmagyaráznál az ügynöknek, közvetlenül a projekted előnézetében dolgozhatsz. Kattints egy elemre, hogy megváltoztasd a kinézetét, írd át a szöveget a helyén, vagy rajzolj egy jelölést az oldalra, hogy megmutasd az ügynöknek, mire gondolsz.

A vizuális szerkesztés elemszintű. Kiválasztasz egy elemet az oldalon, megnézed a hozzá elérhető beállításokat, és ott alkalmazod a módosítást. A dizájn- és szövegmódosítások mentéskor kerülnek be a projektedbe, ügynöki kör és kreditfelhasználás nélkül.

<Note>
  A vizuális szerkesztés csak számítógépen működik. Az eszköztár telefonokon és keskeny böngészőablakokban nem jelenik meg.
</Note>

## Az eszköztár

<img src="https://vibewax.be/docs/images/visual-edits-toolbar.png" alt="A projekt előnézete fölött lebegő eszköztár a Dizájn szerkesztése, a Szöveg szerkesztése és a Jelölés eszközzel" width="1500" height="1000" />

A projekted élő előnézete fölött egy eszköztár lebeg három eszközzel:

- **Dizájn szerkesztése**: Kattints bármelyik elemre, hogy megváltoztasd a kinézetét, a képét vagy az elrendezését.
- **Szöveg szerkesztése**: A szerkeszthető szöveg ki van keretezve, így rákattinthatsz, és átírhatod.
- **Jelölés**: Rajzolj az oldalra, hogy megmutasd, mire gondolsz.

Az **Esc** megnyomásával bármikor visszatérhetsz az előnézet böngészéséhez.

### Dizájn szerkesztése

Egy elem kiválasztása megnyitja a beállításait a bal oldali panelen. Hogy mit kapsz, az attól függ, milyen típusú elemet választottál: egy szekciónál méretet, térközt, hátteret, szegélyeket és a gyermekelemek elrendezését állíthatod, egy szövegelemnél a tipográfiát, egy képnél pedig új fájlt cserélhetsz be.

<img src="https://vibewax.be/docs/images/visual-edits-element-selected.png" alt="Az előnézetben kiválasztott címsor, a beállításai a bal oldali panelen nyitva" width="1500" height="1000" />

A panel fejléce megmutatja, hol tartasz, a **Globális** szinttől a kiválasztott elemig, a témaváltóval pedig mentés előtt világos és sötét módban is ellenőrizheted a munkádat.

### Szöveg szerkesztése

Az átírható szöveg közvetlenül az előnézetben van kiemelve. Kattints bele, és írj. Ez a leggyorsabb módja egy cím vagy bekezdés javításának, mert az eredményt írás közben rögtön a helyén látod.

### Jelölés

Néha gyorsabb megmutatni az ügynöknek, mire gondolsz, mint leírni.

A **Jelölés** bekapcsolásakor rajzolj az oldal azon része fölé, amelyről beszélsz. A Vibewax kitalálja, mely elemek vannak a jelölésed alatt, és csatolja őket a következő üzenetedhez. Annyi jelölést rajzolhatsz, amennyi kell, majd írd meg az üzenetedet, és küldd el a megszokott módon.

Rajzolás közben a **Visszavonás**, a **Jelölés ismétlése** és a **Törlés** gomb ott van az eszköztárban.

<img src="https://vibewax.be/docs/images/visual-edits-annotation.png" alt="A cím és a bekezdés köré húzott jelölés, az üzenet fölött a Jelölés címkével" width="1500" height="1000" />

A jelölések a rámutatás eszközei, nem hely a megjegyzések hagyására. Nem mentődnek a projektedbe, és az elküldött üzenetet leszámítva nem járnak költséggel.

<Note>
  Mentsd vagy vesd el a dizájnmódosításaidat, mielőtt jelölni kezdesz, és rajzolás közben tartsd ugyanakkorán az előnézetet. Az átméretezés törli a jelöléseidet, mert azok a tartalom korábbi helyéhez vannak rögzítve.
</Note>

## Navigálás az elemek között

Nem mindig lehet pontosan arra kattintani, amit szeretnél, általában akkor nem, ha az elemek átfedik egymást, vagy egy gyermekelem eltakarja a szülőjét.

A kijelölés fölötti kis sáv segítségével egy szintet léphetsz felfelé, vagy oldalirányban haladhatsz a szomszédos elemek között. Itt találod a kód ikont is, amely az elem forrását a **Kód** fülön nyitja meg, valamint az elem teljes eltávolításának lehetőségét.

## Kérdezd meg az AI-t

A **Kérdezd meg az AI-t** a panelben a szöveg és a képek mellett áll, arra az esetre, ha inkább leírnál egy módosítást, mint beállítanád. Szövegnél a promptod alapján átírja a szöveget. Képnél szerkesztheti a meglévőt, vagy újat hozhat létre, és az eredményt megtartás előtt megnézheted.

Kiválasztott elem mellett a beszélgetés üzenetmezője is átvált az adott elem szerkesztésére. Bármit írsz oda, az csak a jelenlegi kijelölésre vonatkozik.

<Note>
  A **Kérdezd meg az AI-t** és az üzenetmezőből küldött promptok krediteket használnak, mint bármely más AI-kérés, és a **Kérdezd meg az AI-t** ára futtatás előtt látható. Bármi, amit kézzel állítasz be a panelben, ingyenes.
</Note>

## A módosítások mentése

Amíg nem mentett módosításaid vannak, az eszköztár megmutatja, hányat végeztél, és mindet egyszerre mentheted vagy elvetheted.

<img src="https://vibewax.be/docs/images/visual-edits-save.png" alt="Az eszköztár öt nem mentett módosítással, az Elvetés és a Mentés gombbal" width="1500" height="1000" />

A mentés nem az ügynökön keresztül megy, ezért azonnali, és nem fogyaszt krediteket. Ha egy módosítás összetettebb, a Vibewax átadja az ügynöknek a beszélgetésedben, ahol úgy viselkedik, mint bármely más üzenet.

## Amikor az eszköztár nem érhető el

Az eszköztár elrejtőzik vagy szürkére vált, ha a közvetlen szerkesztés nem működne:

- **Várd meg, amíg a Vibewax befejezi**: Az ügynök még dolgozik a projekteden.
- **Várakozás az előnézet elkészítésére**: Az előnézeted még indul.
- **Zárd be a tervet az oldal szerkesztéséhez**: A beszélgetésben nyitva van egy terv.


This page is part of the [Vibewax documentation](https://vibewax.be/docs/hu/welcome/overview).
