Kaiju Hub AI

Vázlatok

Wireframes welcome screen with Create Wireframe button

Üdvözöljük

Amikor kiválasztja a Manuális lapot, és kattint a Létrehozás gombra, közvetlenül a vázlat vászon szerkesztőjébe kerül, ahol azonnal elkezdheti a képernyők építését. Ez a legjobb választás, ha már van egy világos elképzelése az elrendezésről, és teljes irányítást szeretne a kezdetektől fogva.

Főbb jellemzők

Manuális tervezés

Készítsen vázlatokat kézzel a vizuális vászon szerkesztőben – húzza és helyezze el az összetevőket a képernyők megtervezéséhez.

AI-alapú generálás

Írja le, mit szeretne, és hagyja, hogy az AI automatikusan generálja a vázlat dokumentációt és a vázlatokat.

Hangbemenet

Használja a beépített mikrofon gombot, vagy kattintson a középső egérgombbal, hogy hanggal diktálja a vázlat leírását.

Vázlatból kód

Miután a vázlat elkészült, küldje el közvetlenül a kódgenerálásra – egy zökkenőmentes munkafolyamatban a tervezéstől a működő kódig.

Vázlat készítése

Create New Wireframe Project dialog showing title, platform selection, and Manual/AI-Powered tabs

Van egy konkrét elképzelése a kialakításról, és azt szeretné saját maga megvalósítani.

Projektbeállítási mezők

Cím

Adjon nevet a vázlat projektjének, hogy később azonosítani tudja a vázlatok listájában.

Platform

Válassza ki a célplatformot – Mobil, Asztal vagy Web –, hogy a vázlat elrendezése és korlátozásai ehhez igazodjanak.

Leírás

Írja le, mit szeretne létrehozni. Ezt az AI-alapú mód használja a dokumentáció és a vázlatok generálásához. Támogatja a hangbemenetet a mikrofon gomb segítségével.

Mód

Válassza a Manuális lehetőséget, hogy közvetlenül a vászon szerkesztőbe lépjen, vagy az AI-alapú módot, hogy az AI generálja a dokumentációt és a vázlatokat.

Manuális mód

Gyorsan szeretne egy durva elrendezést vázolni, mielőtt finomítaná.

Mikor érdemes manuális módot használni

•

A kezdetektől fogva teljes irányítást szeretne.

•

Amikor kiválasztja az AI-alapú lapot, további lehetőségek jelennek meg. Írhat vagy diktálhat egy leírást, opcionálisan megadhat egyedi vázlatokat, kiválaszthatja a kívánt AI-modellt a felső legördülő menüből, majd kattintson a Generálás gombra, hogy az AI automatikusan létrehozza a vázlat dokumentációját.

•

Az AI-alapú módban a „AI-val történő fejlesztés” gombra kattintva egy párbeszédablak nyílik meg, amely lehetővé teszi, hogy az AI segítségével javítsa a leírását. Ez az AI-t használja a leírásmezőben található szöveg fejlesztésére, részletesebbé, strukturáltabbá vagy teljesebbé téve, mielőtt generálná a vázlatot.

AI-alapú mód

AI-Powered wireframe creation with title, platform, description, Define Frames tab, model selector, and Generate button

Miután a Generálás gombra kattint az AI-alapú módban, a vázlat projekt a vázlatok listájában jelenik meg, és a státusza „A dokumentáció generálása…” A rendszer létrehoz egy strukturált dokumentumot a projektjéhez a cím, a platform, a leírás és az esetlegesen megadott vázlatok alapján.

Hogyan működik

1

Határozza meg a vázlatokat (opcionális)

Váltson a Vázlatok lapra, hogy megadja az egyes képernyőket vagy nézeteket, amelyeket az AI generálni szeretne.

2

AI modell kiválasztása

Válassza ki a kívánt AI-modellt a legördülő menüből (pl. Claude Code, Opus 4.6).

3

AI modell kiválasztása

Vázlatok készítése

4

Generálás

Miután a dokumentáció elkészült, megnyithatja a vázlatot, és elkezdheti az egyes képernyők vázlatainak generálását a szerkesztőben.

5

Keretek létrehozása

Vázlat generálás

AI-val való fejlesztés

Enhance with AI dialog showing AI Model selection, Enhancement Instructions field, and Enhance Description button

Bár nem feltétlenül szükséges, a következő eszközök használata javasolt. Arra ösztönözzük, hogy telepítse ezeket, és próbálja ki más technológiákat:

Fejlesztési lehetőségek

AI modell

Válassza ki az AI-modellt, amelyet a leírásának fejlesztésére szeretne használni (pl. Claude Code, Opus 4.6).

Fejlesztési utasítások

Opcionálisan adja meg, hogy az AI hogyan javítsa a leírást. Támogatja a hangbemenetet.

Leírás fejlesztése

Kattintson a fejlesztés elindításához. Az AI átírja és javítja a leírását a bemenet és az utasítások alapján.

Dokumentáció generálása

Wireframes list showing a project card with Generating Documentation status

Árlista oldal

Mi történik ezután

1

Dokumentáció generálása

Miután a dokumentáció elkészült, megnyithatja a vázlatot, és elkezdheti az egyes képernyők vázlatainak generálását a szerkesztőben.

2

Finomítás

Miután a vázlatok generálva lettek, manuálisan módosíthatja, hozzáadhatja vagy eltávolíthatja az összetevőket a vászon szerkesztőben, hogy finomítsa a kialakítást.

3

Finomhangolás

Kattintson a „Vázlat létrehozása” vagy a „+ Új vázlat” gombra, hogy megnyissa a létrehozási párbeszédablakot. Adjon meg egy címet, válassza ki a célplatformot (Mobil, Asztal vagy Web), írja le a vázlatot, és válassza a Manuális vagy az AI-alapú mód közül.

A Kaiju Hub AI-ban megjelenített összes harmadik fél logó, védjegy és márkanév a megfelelő tulajdonosok tulajdona. Használatuk kizárólag azonosítási célokat szolgál és nem jelent jóváhagyást, szponzorálást vagy társulást.