ပြန်လည်တည်ဆောက်ခြင်း
Reverse Engineering ဆိုတာဘာလဲ။
Reverse Engineering သည် Kaiju Hub AI ၏ bounding-box အခြေပြု ပုံရိပ်မှ code နှင့် ပုံရိပ်မှ wireframe အဖြစ်သို့ ပြောင်းလဲပေးသည့် လုပ်ငန်းစဉ်ဖြစ်သည်။ သင်သည် စာရွက်စာတမ်း၊ ဒီဇိုင်းပုံစံ သို့မဟုတ် UI ၏ဓာတ်ပုံကဲ့သို့သော ပုံရိပ်တစ်ခုကို အပ်လုဒ်လုပ်ပြီး ပုံရိပ်ပေါ်ရှိ အစိတ်အပိုင်းတစ်ခုစီသည် ဘာလုပ်ဆောင်ရမည်ကို သတ်မှတ်ရန် bounding box များကို အသုံးပြုပါ။ ၎င်းကို အလုပ်လုပ်နိုင်သော code သို့မဟုတ် wireframe layout အဖြစ်သို့ ပြောင်းလဲပါ။
Reverse Project တစ်ခုကို ပြုလုပ်ခြင်း
+ New Reverse Project button ကို နှိပ်၍ project ថ្មីတစ်ခုကို ဖွဲ့စည်းပါ။ သင်၏ reverse engineering လုပ်ငန်းကို စီမံရန် အမည်နှင့် အကြောင်းအရာကို ပေးပါ။
၎င်းသည် ဘယ်လိုအလုပ်လုပ်သလဲ။
ပုံရိပ်ကိုတင်သွင်းပါ
Reverse Engineering tool တွင် UI ၏ screenshot, design mockup, သို့မဟုတ် ပုံရိပ်တစ်ခုခုကိုတင်သွင်းပါ။
Bounding Boxes များကို ရေးဆွဲပါ သို့မဟုတ် အလိုအလျောက် ရှာဖွေပါ
UI တွင်ရှိသော အစိတ်အပိုင်းများအပေါ် bounding boxes များကို လက်ဖြင့် ရေးဆွဲပါ သို့မဟုတ် AI အသုံးပြု၍ အလိုအလျောက် ရှာဖွေစေပြီး အစိတ်အပိုင်းများကို အလိုအလျောက် ထည့်သွင်းပါ။ ၎င်း bounding box တစ်ခုစီသည် ပုံရိပ်တွင်ရှိသော အစိတ်အပိုင်းတစ်ခုကို ထည့်မွမ်းပြသသည်။
အစိတ်အပိုင်း၏ လုပ်ဆောင်ချက်ကို သတ်မှတ်ပါ
bounding box တစ်ခုစီအတွက် လုပ်ဆောင်ရမည့်အချက်ကို သတ်မှတ်ပါ။ ဥပမာအားဖြင့်၊ ခလုတ်တစ်ခုကိုနှိပ်လိုက်လျှင် modal တစ်ခုပေါ်လာစေခြင်း၊ navigation link တစ်ခုကိုနှိပ်လိုက်လျှင် အခြားအပိုင်းသို့သွားစေခြင်း သို့မဟုတ် card တစ်ခုတွင် အထူးအကြောင်းအရာကိုပြသစေခြင်း စသည်ဖြင့် သတ်မှတ်နိုင်သည်။
Code သို့မဟုတ် Wireframe ကိုထုတ်လုပ်ပါ
မှတ်ချက်များပါဝင်သော ပုံရိပ်ကို သင်အသုံးပြုသည့် framework တွင် အသုံးပြုနိုင်သော component code သို့မဟုတ် wireframe layout အဖြစ်သို့ ပြောင်းလဲထုတ်လုပ်ပြီး Wireframe tool တွင် ဆက်လက်တည်းဖြတ်နိုင်သည်။
AI မိုဒ် (V)
ပုံရိပ်အပ်လုဒ်လုပ်ခြင်း
စာရွက်စာတမ်းများ၊ ပုံစံများ၊ လက်ဖြင့်ရေးဆွဲထားသောပုံရိပ်များ သို့မဟုတ် ရှိပြီးသားအက်ပ် UI များကဲ့သို့သော ပုံရိပ်တစ်ခုကို ဆွဲပြီးချ သို့မဟုတ် ရွေးချယ်ပြီး အပ်လုဒ်လုပ်ပါ။
အကန့်အသတ်ရှိသော အကွက် မှတ်ချက်
၎င်းသည် code ထုတ်လုပ်ခြင်း သို့မဟုတ် လုပ်ဆောင်ချက်များကို ပေးအပ်ခြင်းအတွက် UI အစိတ်အပိုင်းတစ်ခုစီကို သီးသန့်ခွဲထုတ်ရန် bounding box များကို ရိုက်ပါ။
AI အလိုအလျောက် bounding box
AI သည် သင်၏ပုံရိပ်တွင် UI အစိတ်အပိုင်းများကို အလိုအလျောက် ရှာဖွေပြီး bounding box များဖြင့် အမှတ်အသားပြုစေပြီး အစိတ်အပိုင်းများစွာပါဝင်သည့် ရှုပ်ထွေးသော layout များတွင် အချိန်ကုန်သက်သာစေသည်။
လုပ်ဆောင်ချက်ညွှန်ပြခြင်း
အကြောင်းအရာ: အကွက်ပုံစံရှိသည့် အစိတ်အပိုင်းများသို့ လုပ်ဆောင်ချက်များကို ပူးတွဲပေးခြင်း - အကွက်ပုံစံရှိသည့် အစိတ်အပိုင်းတစ်ခုကို နှိပ်ခြင်း၊ မောင်းသွားခြင်း သို့မဟုတ် ၎င်းနှင့် နှိမ်းနှိပ်ခြင်း ဖြင့် ဘာဖြစ်သင့်သည်ကို သတ်မှတ်ပါ။ ထို့နောက် ထိုလုပ်ဆောင်ချက်များကို ထုတ်လုပ်ထားသော ကုဒ်တွင် အသုံးပြုပါ။
နှစ်သွယ်သော ပြီးစီးမှု
အဓိကအင်္ဂါရပ်များ