Fordított mérnöki munka
Mi a fordított tervezés?
A fordított tervezés a Kaiju Hub AI bounding-box alapú képből kóddá és képből vázlattá alakító eszköze. Töltsön fel bármilyen képet – egy képernyőképet, egy tervezési makettet vagy egy UI fotóját –, és használjon bounding boxokat, hogy meghatározza és irányítsa, hogy a kép egyes elemei mit kell, hogy csináljanak. Konvertálja az eredményt működő kóddá vagy vázlatelrendezésbe.
Fordított projekt létrehozása
Húzza a fájlokat közvetlenül a fájlrendszerből a célterületre. A támogatott formátumok közé tartoznak a képek, a JSON, az HTML, a CSS, a JS, a TS, a TSX és a JSX.
Hogyan működik
Kép feltöltése
Rajzoljon kézzel bounding boxokat a felhasználói felület elemeinek köré, vagy használja az AI automatikus bounding boxokat, hogy automatikusan felismerje az elemeket.
Elem viselkedésének meghatározása
Minden bounding boxhoz határozza meg, hogy mi történjen – például egy gombra kattintva megnyílik egy felugró ablak, egy navigációs link egy másik oldalra navigál, vagy egy kártya megjelenít egy adott tartalmat.
Kód generálása vagy vázlat
Konvertálja a megjegyzett képet működő összetevő kóddá a célkeretrendszerben, vagy exportálja vázlatelrendezésbe.
Adja meg a részleteket
Írja be a címet, válassza ki a platformot, és írja le a projektjét.
Főbb jellemzők
Képfeltöltés
Húzza és helyezze el, vagy böngésszen, hogy feltöltsön bármilyen képet – képernyőképeket, maketteket, képeket a kézzel rajzolt vázlatokról vagy a meglévő alkalmazások felhasználói felületeiről.
Határolókeret-annotáció
Rajzoljon vagy használjon AI automatikus bounding boxokat
AI automatikus bekeretezés
Elem viselkedésének meghatározása
Viselkedés irányítása
Kód generálása vagy vázlat
Kettős kimenet
Konvertálja a megjegyzett képet működő összetevő kóddá a célkeretrendszerben, vagy exportálja vázlatelrendezésbe.