Kaiju Hub AI

Wireframe များ

Wireframes welcome screen with Create Wireframe button

ကြိုဆိုပါ

Wireframes ဧရိယာသည် သင်၏ UI layout များကို ဒီဇိုင်းဆွဲပြီး prototype လုပ်နိုင်စေပါသည်။ သင်၏ application ၏ structure ကို စီစဉ်ရန် wireframes များကို အသုံးပြုပါ။ Wireframes ကို ပထမဆုံး ဖွင့်သည့်အခါ၊ သင်သည် Wireframe ဖွဲ့စည်းရန် card ဖြင့် ကြိုဆိုသည့်မျက်နှာပြင်ကို တွေ့ရလိမ့်မည်။ ထို့နောက် + Wireframe ថ្មី button ကို အပေါ်ညာဘက်တွင် နှိပ်၍ စတင်နိုင်သည်။

အဓိကအம்சများ

လက်動 ဒီဇိုင်း

မြင်နိုင်သော က্যানဗတ် ဖြေရှင်းချက်ကို အသုံးပြု၍ လက်ဖြင့် Wireframe များကို တည်ဆောက်ပြီး မျက်နှာပြင်များကို ဒီဇိုင်းဆွဲရန် အစိတ်အပိုင်းများကို ဆွဲချပြီး အသုံးပြုပါ။

AI ပါဝင်သော ထုတ်လုပ်မှု

သင်လိုချင်သောအရာကို ဖော်ပြပြီး AI ကို Wireframe မှတ်တမ်းများနှင့် ဓာတ်ပုံများကို အလိုအလျောက် ထုတ်လုပ်စေပါ။

အသံဝင်အား

အတွင်း၌တည်ရှိသော မိုက်ခရိုဖုန်းခလုတ်ကို အသုံးပြုပါ သို့မဟုတ် အလယ်ခလုတ်ကို နှိပ်ပြီး သင်၏ Wireframe ဖော်ပြချက်ကို အသံဖြင့် ပြောဆိုပါ။

Wireframe မှ ကုဒ်

သင်၏ Wireframe ပြီးစီးပြီဆိုလျှင် ၎င်းကို တိုက်ရိုက် ကုဒ်ထုတ်လုပ်မှုသို့ ပంపပြီး ဒီဇိုင်းမှ လုပ်ဆောင်နိုင်သော ကုဒ်သို့ တစ်ပြိုင်တည်း လုပ်ဆောင်နိုင်သော လုပ်ငန်းစဉ်တစ်ခုတွင် လုပ်ဆောင်ပါ။

Wireframe တည်ဆောက်ခြင်း

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

Wireframe ဖွဲ့စည်းရန် သို့မဟုတ် + Wireframe ថ្មី ကို နှိပ်၍ ဖွဲ့စည်းခြင်းဆိုင်ရာ dialog ကို ဖွင့်ပါ။ ပြီးနောက် သင်သည် အမည်ကို ရိုက်ထည့်ပြီး၊ ပန်းတိုင် platform (Mobile, Desktop, သို့မဟုတ် Web) ကို ရွေးပြီး၊ သင်၏ wireframe ၏ အကြောင်းအရာကို ရေးပြီး၊ လက်動 သို့မဟုတ် AI-Powered mode ကို ရွေးနိုင်သည်။

စီမံကိန်း အခြေစိုက်နယ်များ

အမည်

အကြမ်းဖဉ်ပုံစံအကြောင်းအရာကို အမည်တစ်ခုပေးပါ။ ၎င်းအမည်ဖြင့် အကြမ်းဖဉ်ပုံစံစာရင်းတွင် နောက်ပိုင်းတွင် အလွယ်တကူ ရှာဖွေနိုင်မည်။

ပလက်ဖောင်း

အသုံးပြုမည့်ပလက်ဖောင်းကို ရွေးချယ်ပါ။ (ဥပမာ - မိုဘိုင်း၊ ဒက်စ်တော့၊ ဝက်ဘ်) ၎င်းပလက်ဖောင်းအတွက် အကြမ်းဖဉ်ပုံစံ၏ ပုံစံနှင့် အကန့်အသတ်များကို သင့်လျော်အောင် ပြုလုပ်ပါ။

အကြောင်းအရာ

သင်တည်ဆောက်လိုသည့်အရာကို ဖော်ပြပါ။ ဤအချက်အလက်ကို AI-Powered မော်ဒ်တွင် အသုံးပြု၍ အချက်အလက်နှင့် ပုံများကို ထုတ်လုပ်ရန် အသုံးပြုသည်။ မိုက်ခရိုဖုန်းခလုတ်ကို နှိပ်၍ အသံဖြင့်လည်း အချက်အလက်ကို ထည့်သွင်းနိုင်သည်။

မော်ဒ်

လက်動မော်ဒ်ကို ရွေးချယ်၍ ကင်ဗတ်စ်အယ်ဒီတာတွင် တိုက်ရိုက်ဝင်ရောက်လုပ်ကိုင်နိုင်သည် သို့မဟုတ် AI-Powered မော်ဒ်ကို ရွေးချယ်၍ AI က အချက်အလက်နှင့် ပုံများကို ထုတ်လုပ်စေနိုင်သည်။

လက်動မော်ဒ်

လက်動 tab ကို ရွေးပြီး ဖွဲ့စည်းရန် ကို နှိပ်သည့်အခါ၊ သင်သည် wireframe canvas editor တွင် တိုက်ရိုက်ဝင်ရောက်နိုင်ပြီး သင်၏ screen များကို ချက်ချင်းတည်ဆောက်နိုင်သည်။ သင်သည် သင်၏ layout အတွက် အထင်အရှားရှိသော အကြံအချက်ကို ပိုင်ဆိုင်ထားပြီး စတင်ချိန်မှစ၍ အပြည့်အစုံထိန်းချုပ်နိုင်ချင်ပါက ဤသည်မှာ အကောင်းဆုံးရွေးချယ်မှုဖြစ်သည်။

လက်動မော်ဒ်ကို အသုံးပြုရမည့်အချိန်

•

သင်သည် အထူးဒီဇိုင်းတစ်ခုကို ဦးနှောက်ထဲတွင် ပိုင်ဆိုင်ထားပြီး ကိုယ်တိုင်တည်ဆောက်လိုသည်။

•

သင်သည် ပိုမိုကောင်းမွန်အောင် ပြုပြင်မည့်အစား ပထမတွင် ပုံစံတစ်ခုကို ချက်ချင်းရေးဆွဲလိုသည်။

•

သင်သည် စတင်ချိန်မှစ၍ အစိတ်အပိုင်းအားလုံးကို အပြည့်အစုံထိန်းချုပ်လိုသည်။

AI-Powered မော်ဒ်

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

AI-Powered tab ကို ရွေးသည့်အခါ၊ အပို options များကို တွေ့ရလိမ့်မည်။ သင်သည် သင်၏အကြောင်းအရာကို ရေးသားသော်လည်းကောင်း၊ ပြောဆို၍လည်းကောင်း ရေးနိုင်သည်။ ထို့နောက် သင်သည် တစ်ဦးချင်းသော frames များကို လိုအပ်သလို ဖွင့်ပြီး၊ အပေါ်တွင်ရှိသော dropdown မှ သင်နှစ်သက်သော AI model ကို ရွေးပြီး၊ ပြီးနောက် ထုတ်လုပ်ရန် ကို နှိပ်၍ AI က သင်အတွက် wireframe documentation များကို ဖွဲ့စည်းနိုင်သည်။

၎င်းသည်မည်သို့လုပ်ဆောင်သနည်း

1

အသေးစိတ်အချက်အလက်များကို ဖြည့်သွင်းပါ

အမည်၊ ပလပ်ဖောင်းနှင့် ၎င်း project ၏ အကြောင်းအရာတို့ကို ဖြည့်သွင်းပါ။

2

Frames များကို သတ်မှတ်ပါ (ရွေးချယ်အသုံးပြုနိုင်သည်)

AI မှ ထုတ်လုပ်ပေးမည့် ပုံရိပ်တစ်ခုစီကို သတ်မှတ်လိုပါက Define Frames tab သို့သွား၍ သတ်မှတ်နိုင်သည်။

3

AI Model ကို ရွေးချယ်ပါ

dropdown မှ သင့်အတွက် အကောင်းဆုံး AI model ကို ရွေးချယ်ပါ (ဥပမာ - Claude Code, Opus 4.6)

4

ထုတ်လုပ်ပါ

AI မှ အချက်အလက်ထုတ်လုပ်ခြင်းကို စတင်ရန် Generate ကိုနှိပ်ပါ။ အချက်အလက်ထုတ်လုပ်နေစဉ်အတွင်း wireframe project များကို ၎င်း list တွင် တွေ့မြင်နိုင်သည်။

5

Frames များကို တည်ဆောက်ပါ

အချက်အလက်ထုတ်လုပ်ပြီးသည်နှင့် wireframe editor မှ ပုံရိပ်တစ်ခုစီကို ထုတ်လုပ်နိုင်ပါသည်။

AI ဖြင့်တိုးမြှင့်ပါ

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

AI-Powered mode တွင် AI ဖြင့် ပိုမိုကောင်းမွန်အောင် ပြုပြင် button ကို နှိပ်သည့်အခါ၊ သင်၏အကြောင်းအရာကို AI ဖြင့် ပိုမိုကောင်းမွန်အောင် ပြုပြင်နိုင်စေမည့် dialog တစ်ခုကို ဖွင့်သည်။ ဤသည်မှာ သင်၏ description တွင် ရေးထားသော အရာအားလုံးကို သင်၏ညွှန်ကြားချက်များအပေါ်မူတည်၍ ပိုမို၍ အသေးစိတ်၊ စနစ်တကျ၊ သို့မဟုတ် ပြည့်စုံအောင် ပြုပြင်ပေးသည်။ ထို့နောက် wireframe များကို ဖွဲ့စည်းနိုင်သည်။

အဆင့်မြှင့်တင်နိုင်သည့်ရွေးချယ်မှုများ

AI မော်ဒယ်

သင်၏အချက်အလက်ကို အဆင့်မြှင့်တင်ရန် အသုံးပြုမည့် AI မော်ဒယ်ကို ရွေးချယ်ပါ။ (ဥပမာ - Claude Code, Opus 4.6)

အဆင့်မြှင့်တင်ရန်ညွှန်ကြားချက်များ

AI က အချက်အလက်ကို မည်သို့တည်းဖြတ်သင့်သည်ဆိုသည့် အသေးစိတ်ညွှန်ကြားချက်များကို လိုအပ်ပါက ပေးနိုင်သည်။ အသံဖြင့်လည်း အချက်အလက်ကို ထည့်သွင်းနိုင်သည်။

အချက်အလက်ကို အဆင့်မြှင့်တင်ပါ

အဆင့်မြှင့်တင်မှုကို စတင်ရန် ဤခလုတ်ကို နှိပ်ပါ။ AI သည် သင်၏အချက်အလက်နှင့် ညွှန်ကြားချက်များပေါ်မူတည်၍ အချက်အလက်ကို ပြန်လည်ရေးသားပြီး အဆင့်မြှင့်တင်လိမ့်မည်။

အချက်အလက်ထုတ်လုပ်ခြင်း

Wireframes list showing a project card with Generating Documentation status

AI-Powered mode တွင် ထုတ်လုပ်ရန် ကို နှိပ်ပြီးနောက်၊ သင်၏ wireframe project သည် wireframe list တွင် documentation များကို ဖွဲ့စည်းနေသည် ဟု အဆင့်ဆင့်ပြသော status ဖြင့် ပေါ်လာလိမ့်မည်။ AI သည် သင်၏ project အတွက် အမည်၊ platform၊ အကြောင်းအရာနှင့် သင်သတ်မှတ်ထားသော frames အပေါ်မူတည်၍ စနစ်တကျ documentation များကို ဖွဲ့စည်းနေသည်။

ပြီးနောက်ဘာဖြစ်မလဲ

1

အချက်အလက်ထုတ်လုပ်ခြင်း

AI သည် သင်၏ အချက်အလက်အပေါ်မူတည်၍ ၎င်း screen, component နှင့် layout များကို သတ်မှတ်ထားသော စနစ်တစ်ခုတည်းတွင် စုစည်းထားသော အချက်အလက်အဖြစ် ဖန်တီးပေးသည်။

2

Frame များကို ထုတ်လုပ်ခြင်း

အချက်အလက်ထုတ်လုပ်ပြီးသည်နှင့် wireframe ကိုဖွင့်၍ editor မှ ပုံရိပ်တစ်ခုစီကို ထုတ်လုပ်နိုင်ပါသည်။

3

တိုးတက်မှု

ပြီးစီးသော frames များနောက်တွင်၊ သင်သည် canvas editor တွင် components များကို လိုအပ်သလို ချိန်ညှိ၊ ထပ်ပေါင်း၊ သို့မဟုတ် ဖယ်ရှားကာ ဒီဇိုင်းကို ပိုမိုကောင်းမွန်အောင် ပြုပြင်နိုင်သည်။

Kaiju Hub AI တွင် ပြသထားသော တတိယပါတီ လိုဂိုများ၊ အမှတ်တံဆိပ်များနှင့် ကုန်အမှတ်တံဆိပ်အမည်များအားလုံးသည် ၎င်းတို့၏ ပိုင်ရှင်များ၏ ပိုင်ဆိုင်မှုဖြစ်ပါသည်။ ခွဲခြားသိရှိရေးအတွက်သာ အသုံးပြုပြီး ထောက်ခံခြင်း၊ ပံ့ပိုးခြင်း သို့မဟုတ် ဆက်စပ်ခြင်းကို ဆိုလိုခြင်း မဟုတ်ပါ။