Mga Kahon na Naglalaman
Pangkalahatang-ideya
Ang mga bounding box ay ang pangunahing modelo ng pakikipag-ugnayan ng Reverse Engineering. Pagkatapos mag-upload ng isang imahe, gumuhit ka ng mga hugis-parihaba na kahon sa paligid ng mga indibidwal na elemento ng UI upang ihiwalay ang mga ito. Ang bawat bounding box ay nagiging isang napiling rehiyon na maaaring italaga ng mga pag-uugali, i-convert sa code, o i-export bilang isang component ng wireframe.
Mga Bounding Box
Ang canvas ng Daloy ng Screen ay nagbibigay-daan sa iyo na ayusin ang iyong trabaho sa reverse engineering sa mga grupo. Ang bawat grupo ay maaaring maglaman ng maraming mga imahe ng screen at maaaring i-type bilang alinman sa isang Screen (mga pangunahing pahina, seksyon, o view) o isang Modal (mga overlay, dialog, popup, drawer). I-double-click ang isang grupo upang buksan ito at magtrabaho sa mga imahe nito.
Daloy ng Screen at Mga Grupo
Piliin ang Tool ng Kahon
Piliin ang tool sa pagguhit ng bounding box mula sa toolbar sa itaas ng canvas ng imahe.
Gumuhit ng Kahon
I-click at i-drag sa imahe upang gumuhit ng isang hugis-parihaba na kahon sa paligid ng isang elemento ng UI — isang button, isang card, isang navigation bar, isang seksyon ng header, o anumang component.
Baguhin ang Laki at Ayusin
I-drag ang mga gilid o sulok ng anumang kahon upang pinuhin ang posisyon at laki nito. Tiyaking mahigpit itong nakapalibot sa target na elemento.
Magtalaga ng Pag-uugali
Piliin ang isang kahon at tukuyin kung ano ang dapat gawin — halimbawa, "nagbubukas ng isang modal," "nag-navigate sa /about," o "nagpapalit ng isang dropdown menu."
AI Auto-Boxing
Sa halip na gumuhit ng bawat kahon nang manu-mano, gamitin ang awtomatikong pagtuklas ng AI upang hayaan ang Kaiju Hub AI na awtomatikong tukuyin at balangkasin ang mga elemento ng UI sa iyong imahe. Sinusuri ng AI ang visual na layout at lumilikha ng mga bounding box sa paligid ng mga natukoy na component tulad ng mga header, button, card, input, imahe, at mga item sa pag-navigate.
Isang-Click na Pagtuklas
I-click ang button ng auto-box at sinusuri ng AI ang buong imahe, na lumilikha ng mga bounding box sa paligid ng bawat natukoy na elemento ng UI.
I-edit Pagkatapos ng Pagtuklas
Ang mga natukoy na kahon ay ganap na maaaring i-edit. Ilipat, baguhin ang laki, tanggalin, o magdagdag ng mga bagong kahon upang pinuhin ang mga resulta.
Pumili ng Muling Pagtuklas
Patakbuhin ang awtomatikong pagtuklas sa isang partikular na rehiyon ng imahe kung kailangan mo lamang ng mga kahon para sa bahagi ng layout.
Manu-manong Pag-boxing
Ang kapangyarihan ng mga bounding box ay nasa pagdidirekta kung ano ang ginagawa ng bawat elemento. Pagkatapos i-box ang isang elemento, maaari kang magtalaga ng mga pag-uugali dito — halimbawa, "nagbubukas ng isang modal," "nag-navigate sa /about," o "nagpapalit ng isang dropdown menu."
Nagbubukas ng Modal
Ang pag-click sa elemento ay nagbubukas ng isang modal/dialog. Tukuyin kung anong nilalaman ang dapat ipakita ng modal.
Nag-navigate sa Seksyon
Ang elemento ay kumikilos bilang isang link o button na nag-navigate sa isa pang pahina o seksyon ng app.
Nagpapalit ng Nilalaman
Ang elemento ay nagpapakita o nagtatago ng kaugnay na nilalaman — mga dropdown, accordion, mga panel na maaaring palawakin.
Pagsusumite ng Form
Ang elemento ay nagti-trigger ng pagpapatunay ng form at lohika ng pagsusumite.
Pasadyang Pagkilos
Tukuyin ang anumang paglalarawan ng pasadyang pag-uugali at bubuo ang AI ng naaangkop na mga handler ng kaganapan at lohika.