ထုတ်လုပ်သူ ရှုခင်း
ရှုခင်းပုံသေပုံ
Creator View သည် သုံးပိုင်းပါဝင်သည့် အယ်ဒီတဝန်းကျင်တစ်ခုဖြစ်ပြီး Component Area ရှိ အပိုင်းတစ်ခုကို နှစ်ချက်နှိပ်ခြင်းဖြင့် ဖွင့်နိုင်သည်။ ၎င်းတွင် ဘယ်ဘက်တွင် အပိုင်းစာရင်း၊ အလယ်တွင် code editor နှင့် ညာဘက်တွင် တိုက်ရိုက် preview တို့ပါရှိပြီး အောက်တွင် AI Prompt Box ပါရှိသည်။
အပိုင်းစာရင်း Panel
အριστερή panel တွင် လက်ရှိ group ရှိ blocks အားလုံးကို တွေ့ရမည်။ block တစ်ခုစီတွင် block ၏ အမည်နှင့် အောက်တွင် နံပါတ်စဉ်ဖြင့် ဖော်ပြထားသော ဖိုင်စာရင်းပါသည့် card preview တွေ့ရမည်။ အပေါ်ရှိ toolbar ကို အသုံးပြု၍ နောက်သို့သွားနိုင်ပြီး၊ list နှင့် split views များကြားတွင် ပြောင်းလဲနိုင်ပြီး၊ + button ကို နှိပ်၍ block ថ្មីတစ်ခုကို ထပ်ပေါင်းနိုင်သည်။
ကုဒ်အယ်ဒီတာ
အလယ်ပိုင်း panel သည် tab များပါဝင်သည့် code editor ဖြစ်ပြီး ၎င်းတွင် သင်သည် အပိုင်း၏အကြောင်းအရာကို ရေးသားပြီး အယ်ဒီတလုပ်နိုင်သည်။ tab များသည် ဖိုင်အမျိုးအစားအလိုက် စီစဉ်ထားသည်။
စာသား
အပိုင်းအတွက် စာရွက်စာတမ်း၊ markdown သို့မဟုတ် ရိုးရှင်းသောစာသားအကြောင်းအရာကို ရေးသားပါ။
HTML
သင်၏ component ၏ HTML ဖွဲ့စည်းပုံကို အယ်ဒီတလုပ်ပါ။
CSS
သင်၏ component အတွက် စတိုင်များကို ထည့်သွင်းပါ။
ထုတ်လုပ်သူ ရှုခင်းပုံသေပုံ
သင်၏ component တွင် အပြန်အလှန်ဆက်သွယ်မှုနှင့် လုပ်ဆောင်ချက်များကို ထည့်သွင်းပါ။
တိုက်ရိုက် Preview
ညာဘက် panel တွင် သင်၏ component ၏ တိုက်ရိုက် preview တွေ့ရမည်။ သင်သည် HTML, CSS, နှင့် JavaScript များကို editor တွင် ထည့်သွင်းသည့်အခါ preview တွင် ပြောင်းလဲလာပြီး ပြီးစီးသောပုံစံကို တွေ့ရမည်။ သင်သည် ဖိုင်များကို ဆွဲပြီးချ (drag & drop) သို့မဟုတ် ကော်ပီပြီး (Ctrl+V) တိုက်ရိုက် preview ဧရိယာတွင် ထည့်သွင်းပြီး block တွင် ထည့်နိုင်သည်။ မျက်နှာပြင် preview ကို ဖွင့်/ပိတ်ရန် မျက်လုံးပုံစံ icon ကို နှိပ်ပြီး နောက်ခံရောင်ကို ပြောင်းရန် BG toggle ကို နှိပ်ပါ။
ဂျာဗာစကிரிပ
အောက်ဘယ်တွင်ရှိသော bar သည် AI Prompt Box ဖြစ်သည်။ ၎င်းကို အသုံးပြု၍ သင်သည် သင်၏ component တွင် ပြောင်းလဲမှုများကို ဖွဲ့စည်းရန် သို့မဟုတ် ဖွဲ့စည်းနိုင်သည်။ ၎င်းတွင် model selector, စာရိုက်ထည့်သည့်နေရာ, အသံနှင့် emoji inputs, နှင့် ဖွဲ့စည်းရန် button တို့ ပါဝင်သည်။ A နှင့် V ဟု သုံးခုသော mode toggles များကို အသုံးပြု၍ Direct AI Mode နှင့် Variation Mode များကြားတွင် ပြောင်းနိုင်သည်။
AI Gen အမျိုးအစားများ
AI model selector သည် AI မှ ဘယ်လိုအကြောင်းအရာကို ထုတ်လုပ်သည်ကို သတ်မှတ်သည့် အမျိုးအစားများကို ပြသသည်။
စာသားထုတ်လုပ်ခြင်း
code၊ စာရွက်စာတမ်းနှင့် markup တို့ကဲ့သို့ စာသားအခြေခံအကြောင်းအရာကို ထုတ်လုပ်ခြင်း သို့မဟုတ် အယ်ဒီတလုပ်ခြင်း။
ပုံရိပ်ထုတ်လုပ်ခြင်း
စာသားအချက်အပြည့်များမှ ပုံရိပ်များကို ထုတ်လုပ်ခြင်း သို့မဟုတ် ရှိပြီးသားပုံရိပ်များကို AI ဖြင့် အယ်ဒီတလုပ်ခြင်း (စာသားမှပုံရိပ်နှင့် ပုံရိပ်မှပုံရိပ်)။
ဗီဒီယိုထုတ်လုပ်ခြင်း
စာသားအချက်အပြည့်များမှ ဗီဒီယိုများကို ထုတ်လုပ်ခြင်း သို့မဟုတ် ရပ်နေသောပုံရိပ်များကို ဗီဒီယိုအဖြစ် အသက်သွင်းခြင်း (စာသားမှဗီဒီယိုနှင့် ပုံရိပ်မှဗီဒီယို)။
AI အချက်ပြ ပွင့်
A toggle ဖွင့်ထားသည့်အခါ၊ AI သည် သင်၏ component ကို တိုက်ရိုက် ပြုပြင်လိမ့်မည်။ prompt placeholder တွင် “သင်၏ component တွင် ပြုပြင်လိုသော ပြောင်းလဲမှုများကို ရေးပါ” ဟု ဖော်ပြထားပြီး ပြုပြင်မည့် ဖိုင်ကို ဖော်ပြသည့် badge တွေ့ရမည် (ဥပမာ၊ “ပြောင်းလဲရန်: text”)။ ဤ mode သည် လက်ရှိရွေးချယ်ထားသော ဖိုင်တွင် ချက်ချင်း ပြုပြင်လိုသည့်အခါ အကောင်းဆုံးဖြစ်သည်။
AI မိုဒ် (A)
V toggle ဖွင့်ထားသည့်အခါ၊ AI သည် သင်၏ component ၏ အများအပြားသော variations များကို ဖွဲ့စည်းလိမ့်မည်။ prompt placeholder သည် “သင်လိုချင်သော variations များကို ရေးပါ” ဟု ပြောင်းလဲသွားပြီး − / + controls များနှင့်အတူ ဘယ်လောက် variations ဖွဲ့စည်းမည့်အကြောင်းကို ရွေးနိုင်သည်။ ဖွဲ့စည်းထားသော variations များကို အထူး panel တွင် တွေ့ရပြီး သင်သည် သင်နှစ်သက်သော variations များကို group တွင် ထပ်ပေါင်းနိုင်သည်။