ပုံစံဆွဲဆွဲခြင်း
ပုံစံဆွဲဆွဲခြင်းမှာ သင်၏ပုံစံများကို ဒီဇိုင်းဆွဲပြီး ပြုပြင်နိုင်သည့် နေရာဖြစ်သည်။ ဘယ်ဘက်ရှိ ဘားတွင် ပုံဖော်ခြင်းနှင့် ရွေးချယ်ခြင်းဆိုင်ရာ ကိရိယာများအားလုံးပါဝင်ပြီး၊ အလယ်တွင် သင်ပုံစံများကို ထားရှိပြီး စီစဉ်နိုင်သည့် နေရာဖြစ်ပြီး၊ ညာဘက်ရှိ ဘားတွင် ရွေးချယ်ထားသော အရာအေသး၏ ဂုဏ်သတ္တိများရှိသည်။
ကိရိယာများ
ရွေးချယ်ပါ
ပုံစံပေါ်ရှိ အရာအေသးများကို ရွေးချယ်ပြီး ရွှေ့နိုင်သည်။ ရွေးချယ်ထားသော အရာအေသးများသည် ညာဘက်ရှိ ဘားတွင် ၎င်းတို့၏ ဂုဏ်သတ္တိများကို ပြသသည်။
စတုရန်း
ပုံစံပေါ်တွင် စတုရန်းပုံ အရာအေသးများကို ရေးဆွဲပါ။
ဝိုင်း
ပုံစံပေါ်တွင် ဝိုင်းပုံ အရာအေသးများကို ရေးဆွဲပါ။
စာ
စာသားအမည်နှင့် အကြောင်းအရာများကို ထည့်သွင်းပါ။
ပုံရိပ်
ပုံရိပ်နေရာ
ခလုတ်
ပြန်လည်တုံ့ပြန်နိုင်သော ခလုတ်အရာအေသးများကို ထည့်သွင်းပါ။
ဝင်အား
ပုံစံဝင်အားနယ်ပယ်များကို ထည့်သွင်းပါ။
+ (ပုံစံအသစ်ကို ထည့်ပါ)
ပုံစံဆွဲပုံစံတွင် ပုံစံအသစ်တစ်ခုကို ထည့်သွင်းပါ။
ပိတ်ထားသော အရာအေသးများ
AI ဖြင့် ဖွဲ့စည်းထားသော မျက်နှာပြင်များသည် အမှန်တကယ်တွင် ပိတ်ထားသည် - အစိတ်အပိုင်းများကို ဖွင့်မထားသည့်အထိ မရွှေ့နိုင်၊ မပြောင်းလဲနိုင်။ လက်ရှိ မျက်နှာပြင်ရှိ အစိတ်အပိုင်းအားလုံးကို ဖွင့်ရန် Ctrl + D ကို နှိပ်ပြီး သင်သည် အစိတ်အပိုင်းများကို ပြုပြင်နိုင်မည်။
ပုံစံပုံစံ
ပုံစံပုံစံသည် သင်၏ပုံစံအားလုံးနှင့် ၎င်းတို့၏ ဆက်သွယ်မှုအချက်များကို တစ်ချက်ကြည့်၍ မြင်နိုင်စေပါသည်။ ဘယ်ဘက်ရှိ ဘားတွင်ရှိသော အလားတူခလုတ်ကို အသုံးပြု၍ တစ်ခုချင်းစီပုံစံနှင့် ပုံစံပုံစံကြားတွင် လဲလှယ်ပါ။ ပုံစံပုံစံတွင် ၎င်း၏ပုံစံကို ကြည့်ရှုနိုင်သည့်ပုံစံတစ်ခုစီကို ပြသထားသည်။
ပုံစံပုံစံဆိုင်ရာ အင်္ဂါရပ်များ
ပုံစံအကျဉ်းချုပ်
၎င်းတို့၏ အရာအေသးအရေအတွက်နှင့် ပုံရိပ်ပုံစံများနှင့်အတူ ပုံစံအားလုံးကို တစ်ချက်ကြည့်၍ မြင်နိုင်သည်။
ပုံစံကို စီမံ
ပုံစံတစ်ခုကို စာမျက်နှာတစ်ခုလုံးအစား ပုံပေါ်လာသည့်ပုံစံအဖြစ် အမှတ်အသားပြုပါ။
ရွေးချယ်ရန် နှိပ်ပါ
အသေးစိတ်ပြုပြင်ရန် ၎င်းပုံစံကို နှိပ်၍ ၎င်း၏ပုံစံမြင်ကွင်းသို့ သွားရောက်နိုင်သည်။
မြှင့်/လျှော့ထိန်းချုပ်မှုများ
ပုံစံပုံစံကို မြှင့်/လျှော့ရန် ဘယ်ဘက်ရှိ မြှင့်/လျှော့ထိန်းချုပ်မှုများကို အသုံးပြုပါ။
ဆက်သွယ်မှုများ
ပုံရိပ်များကြားတွင် ဆက်သွယ်ထားသော အကြောင်းအရာများကို မြင်နိုင်ရန်အတွက် အသုံးပြုပါ။
အကြောင်းအရာ အထူးပண்பများ
canvas ရှိ အစိတ်အပိုင်းတစ်ခုကို နှစ်ချက်နှိပ်၍ ၎င်း၏ properties panel ကို ညာဘက်ရှိ sidebar တွင် ဖွင့်နိုင်သည်။ panel တွင် Properties၊ Flow၊ နှင့် Colors ဟု သုံးခုသော tabs တွေ့ရမည်။ ဤနေရာတွင် သင်သည် အစိတ်အပိုင်းတစ်ခုစီ၏ နေရာ၊ အရွယ်အစား၊ ဒီဇိုင်းနှင့် လုပ်ဆောင်ချက်များကို ပြုပြင်နိုင်သည်။
အထူးပண்பများ အကွက်
တည်နေရာ (X, Y)
ကန်ဗတ်ပေါ်တွင် အကြောင်းအရာ၏ တိကျသော ပစ်ဇယ်တည်နေရာကို သတ်မှတ်ပါ။
အရွယ်အစား (အကျယ်, အမြင့်)
အကြောင်းအရာ၏ ပစ်ဇယ်အရွယ်အစားကို သတ်မှတ်ပါ။
Z-အညွှန်း (အလွှာ အစီအစဉ်)
အကြောင်းအရာများသည် အခြားအရာများပေါ်တွင် ဘယ်လိုပေါ်လာမည်ကို ထိန်းချုပ်ပါ။
အစွန်း အဝိုင်း
ဂဏန်းဖြင့် အညွှန်းပေးသော တန်ဖိုးဖြင့် အစွန်းကို အဝိုင်းပုံသွင်းပါ သို့မဟုတ် Sharp, Rounded, သို့မဟုတ် Pill အစမ်းအကြမ်းများကို အသုံးပြုပါ။
အကြောင်းအရာ
အဆိုပါအကြောင်းအရာအတွင်းတွင်ပြသထားသောစာသားကို ပြင်ဆင်ပါ။
အရောင်များ
ရွေးချယ်ထားသော အစိတ်အပိုင်းအတွက် နောက်ခံ၊ ဘောင်နှင့်စာသားအရောင်များကို စိတ်ကြိုက်ပြင်ဆင်ပါ။
စီးဆင်းမှုများ
စီးဆင်းမှုများသည် အခြားမျက်နှာပြင်များသို့ လုပ်ဆောင်ချက်များနှင့် လမ်းညွှန်မှုကို သတ်မှတ်သည်။ စီးဆင်းမှုတစ်ခုသည် အခြားစာမျက်နှာသို့သွားခြင်း၊ ပေါ့အပ်တစ်ခုကို ဖွင့်ခြင်း သို့မဟုတ် အခြားနေရာသို့ လမ်းညွှန်ခြင်းကဲ့သို့ လုပ်ဆောင်ချက်တစ်ခုဖြစ်သည်။ ကင်ဗတ်ပေါ်ရှိ အသေးငယ်သော လင့်ခ်အိုင်ကွန်များသည် ၎င်းတွင် စီးဆင်းမှုများပါရှိသော အစိတ်အပိုင်းများကို ညွှန်ပြသည်။ AI ဖြင့် ဖွဲ့စည်းစဉ်အတွင်း မျက်နှာပြင်များကို အလိုအလျောက် ချိတ်ဆက်ပြီး စီးဆင်းမှုဆက်သွယ်မှုများကိုလည်း ဖွဲ့စည်းပေးသည်။
စီးဆင်းမှုများကို စီမံခြင်း
အကြောင်းအရာကို ရွေးချယ်ပါ။
Flow tab ကို ဖွင့်ပါ။ ညာဘက်ရှိ sidebar တွင် Flow tab ကို နှိပ်၍ လက်ရှိ ချိတ်ဆက်ထားသော အစိတ်အပိုင်းများကို တွေ့ရပြီး ၎င်းတွင် ပြီးသမျှ အစိတ်အပိုင်းများကိုလည်း ထပ်ပေါင်းနိုင်သည်။
စီးဆင်းမှု အချက်အချာကို ဖွင့်ပါ။
ညာဘက်ရှိ ဘေးဘောင်တွင်၊ စီးဆင်းမှု အချက်အချာသို့ ပြောင်းပြီး လက်ရှိတွင် ရှိသော ဆက်သွယ်မှုများကို ကြည့်ရှုပါ သို့မဟုတ် ၎င်းတို့ကို အသစ်တစ်ခု ထပ်ပေါင်းပါ။
ဆက်သွယ်မှုတစ်ခုကို ထပ်ပေါင်းပါ။
အစောပိုင်း ဆက်သွယ်မှုတစ်ခုကို ထပ်ပေါင်း (သို့မဟုတ် + ခလုတ်) နှိပ်ပြီး ၎င်းကို ဖန်တီးပါ။ ဆက်သွယ်ရန် လိုသော မျက်နှာပြင် သို့မဟုတ် ပုံစံကို ရွေးချယ်ပါ။
မြင်နိုင်သောနေရာတွင် ကြည့်ရှုပါ။
ဆက်သွယ်ထားသော အစိတ်အပိုင်းများသည် ကင်ဗတ်ပေါ်တွင် သေးငယ်သော လင့်ခ်အိုင်ကွန်ကို ပြသပြီး ၎င်းတို့တွင် လုပ်ဆောင်ချက်များ ပါဝင်ကြောင်း ညွှန်ပြသည်။
အုပ်စုဆက်သွယ်မှုများ
Block Connections သည် သင်သည် Block Library မှ blocks များကို wireframe အစိတ်အပိုင်းများနှင့် တိုက်ရိုက်ချိတ်ဆက်နိုင်စေသည်။ သင်သည် အစိတ်အပိုင်းတစ်ခုကို နှစ်ချက်နှိပ်ပြီး properties panel တွင် အောက်သို့ စာလွှတ်သည့်အခါ၊ Block Connections ဧရိယာကို တွေ့ရလိမ့်မည်။ + Block ထပ်ပေါင်းရန် ကို နှိပ်၍ (HTML, component, သို့မဟုတ် template) block တစ်ခုကို အစိတ်အပိုင်းနှင့် ချိတ်ဆက်နိုင်သည်။ ချိတ်ဆက်ထားသော blocks များကို AI ဖြင့် code များကို ဖွဲ့စည်းသည့်အခါ အသုံးပြုပြီး wireframe အစိတ်အပိုင်းများနှင့် အထူး HTML သို့မဟုတ် component code များကို လွယ်ကူစွာ ချိတ်ဆက်နိုင်သည်။
AI ဖြင့် ဖြည့်စွက်ခြင်း
canvas ၏ အောက်တွင်ရှိသော AI prompt bar သည် သင်သည် AI ကို အသုံးပြု၍ မျက်နှာပြင်များကို ပြုပြင်하거나 ဖွဲ့စည်းနိုင်စေသည်။ ဘယ်ဘက်ရှိ dropdown မှ သင်၏ AI model ကို ရွေးပြီး၊ သင်လိုချင်သော ပြောင်းလဲမှုများကို ရေးပြီး AI သည် သင်၏ wireframe ကို ပြုပြင်လိမ့်မည်။ သင်သည် အသံဖြင့်လည်း ရိုက်ထည့်နိုင်ပြီး CLI Edit button ကို အသုံးပြု၍ အဆင့်မြင့်စွာ ပြုပြင်နိုင်သည်။
အကြောင်းအရာပေါ်မူတည်သော အချက်အလက်များ
တစ်ခုတည်းသော မျက်နှာပြင်
တစ်ခုတည်းသော မျက်နှာပြင်ကို ဖြည့်စွက်သည့်အခါတွင်၊ အချက်အလက်ပေးသည့်ဘားသည် "မျက်နှာပြင်အမည်ကို ဖြည့်စွက်နေသည်" ဟုပြသပြီး AI ပြောင်းလဲမှုများသည် ၎င်း မျက်နှာပြင်တစ်ခုတွင်သာ အကျိုးသက်ရောက်သည်။
ပုံပြင်ဇာတ်လမ်း
ပုံပြင်ဇာတ်လမ်းပုံစံတွင် နေသည့်အခါတွင်၊ AI သည် ၎င်းတို့အားလုံးကို တစ်ပြိုင်တည်း ဖြည့်စွက်နိုင်သည် သို့မဟုတ် လက်ရှိရှိနေသောပုံများကို အသုံးပြု၍ ၎င်းတို့အား အ้างອີင်ပြုကာ ၎င်းတို့အား ဖွဲ့စည်းနိုင်သည်။
အသံဝင်အား
အချက်အလက်ပေးသည့်ဘားရှိ မိုက်ခရိုဖုန်းအိုင်ကွန်ကို အသုံးပြု၍ သင်၏ညွှန်ကြားချက်များကို ရိုက်ထည့်သည့်အစား ပြောဆို၍ ပေးနိုင်သည်။
CLI ဖြည့်စွက်ခြင်း
အပိုအင်အားရသည့် AI ဖြင့် ဖြည့်စွက်သည့် ပြောင်းလဲမှုများကို ပိုမိုထိန်းချုပ်နိုင်သည့် အဆင့်မြင့် ဖြည့်စွက်သည့်ပုံစံအတွက် CLI ဖြည့်စွက်ခြင်းကို နှိပ်ပါ။
ပို့ဆောင်ပြီး ပေါင်းစည်းခြင်း
Wireframes များကို ပို့ဆောင်၊ အသွင်ပြောင်း၊ သို့မဟုတ် တိုက်ရိုက်အသုံးပြု နိုင်သည်။ ၎င်းသည် wireframe ဒီဇိုင်းမှ စတင်၍ လုပ်ဆောင်နိုင်သော project သို့မဟုတ် Project Hub အတွင်းသို့ လွယ်ကူစွာ ပြောင်းလဲနိုင်စေသည်။