Excalidraw ပြည့်စုံ သင်ခန်းစာ။ စကားတစ်ခွန်းနဲ့ flowchart ထုတ်ပြီး ကိုယ်လိုချင်တဲ့ ပုံစံ လက်နဲ့ ပြန်ပြင်

ဗုဒ္ဓဟူးနေ့ နေ့လယ်ခင်း requirement အစည်းအဝေးမှာ အင်ဂျင်နီယာက whiteboard ရှေ့ တစ်ဝက်ဆွဲနေတုန်း product manager က "ခဏ မဆွဲနဲ့ဦး၊ online မှာ ပုံ တစ်ခု ဖွင့်ပြီး အတူတူ ပြင်ကြရအောင်" လို့ ပြောတယ်။ တစ်ယောက်က နာမည်ကြီး diagram ကိရိယာတစ်ခု ဖွင့်ပြီး "မင်း account က ဘယ်ဟာလဲ, မင်းကို workspace ထဲ ထည့်မယ်" လို့ မေးတယ်။ ငါးမိနစ် ကုန်သွားပြီး ပုံ မစနိုင်သေးဘူး။

ဒီလို အခိုက်အတန့်မှာ Excalidraw ရဲ့ တန်ဖိုး ပေါ်လာတယ်။ link တစ်ခု ကပ်လိုက်ရုံနဲ့ လူတိုင်း တိုက်ရိုက် ဝင်ဆွဲ၊ account မလို, invitation မလို, permission setting မလို။

သူက အရုပ်တစ်ခုလို မြင်ရပေမဲ့၊ engineering team အများအပြားက အလုပ်တကယ် လုပ်ဖို့ သုံးကြတယ်။ ဒီဆောင်းပါးက သူ့ကို အစကနေ အဆုံးထိ ရှင်းပြမယ်၊ 2026 ရဲ့ text-to-diagram နဲ့ Mermaid feature အသစ်တွေ ပါဝင်တယ်။

သူက ဘာလဲ။ တမင် အရုပ်ဆိုးအောင် ဆွဲထားတဲ့ whiteboard တစ်ခု

Excalidraw က အခမဲ့, open source virtual whiteboard ဖြစ်ပြီး editor တစ်ခုလုံး browser ထဲ run ကာ account ဖွင့်စရာ မလိုဘူး။ အကြီးမားဆုံး လက္ခဏာက သူ့ရဲ့ hand-drawn style ဖြစ်တယ်။ လိုင်းတွေ ကွေးကွေးကောက်ကောက်, စာရွက်ပေါ်မှာ ကလောင်နဲ့ ဆွဲတဲ့ draft လိုပါ။

ဒီ aesthetic ရွေးချယ်မှုက ပျင်းလို့ မဟုတ်ဘူး။ hand-drawn ခံစားချက်က diagram ကို "မပြီးသေးဘူး" လို့ မြင်စေပြီး၊ လူက မပြီးသေးတဲ့ အရာကို ပိုပြီး ထင်မြင်ချက် ပေးဝံ့တယ်။ ကျွန်တော့် အတွေ့အကြုံအရ architecture diagram တစ်ခုတည်းကို formal ကိရိယာနဲ့ ဆွဲရင် အစည်းအဝေးမှာ လူတိုင်း ခေါင်းညိတ်ရုံသာ။ Excalidraw နဲ့ ဆွဲရင် ချက်ချင်း တစ်ယောက်က "ဒီမှာ arrow ပြောင်းပြန် မဟုတ်ဘူးလား" လို့ ပြောတယ်။

အခမဲ့ version ရဲ့ file က default အနေနဲ့ browser local မှာ သိမ်းပြီး အလိုအလျောက် upload မလုပ်ဘူး။ ပေးရတဲ့ Excalidraw+ က cloud storage, team workspace နဲ့ collaboration management ရောင်းတယ်။

ဘာလုပ်နိုင်လဲ

ကိစ္စ သုံးခု။ hand-drawn whiteboard, text-to-diagram, real-time collaboration ။

hand-drawn whiteboard က အခြေခံပါ။ rectangle, circle, arrow, text, freehand curve, အပြင် ပုံတွေကြားမှာ အလိုအလျောက် ကပ်တဲ့ connector line ။ system architecture, flow draft, presentation ပုံဆွဲ လုံလောက်တယ်။

text-to-diagram က သူ့ရဲ့ AI feature ဖြစ်ပြီး လုပ်ဆောင်ပုံ နားလည်ထိုက်တယ် (နောက် စာပိုဒ်မှာ အသေးစိတ်)။

collaboration ကတော့ link ကပ်လိုက်ရုံနဲ့ လူများစွာ တစ်ပြိုင်တည်း edit လုပ်နိုင်ကာ cursor က real-time ပြတယ်။ ဒါက remote team ရဲ့ ယာယီ ဆွေးနွေးမှုအတွက် အလွန်အဆင်ပြေတယ်။

ဘယ်လို သုံးမလဲ။ အဆင့် ငါးဆင့်

ပထမဆင့်၊ တိုက်ရိုက် စ ဆွဲပါ။ excalidraw.com ဖွင့်ပြီး ဘာမှ setting လုပ်စရာ မလိုဘူး။ ဘယ်ဘက် toolbar မှာ shape ရွေးပြီး canvas ပေါ်မှာ ဆွဲ။ V က select, R က rectangle, O က circle, A က arrow။ ဒီ shortcut အနည်းငယ် မှတ်ထားရင် speed များစွာ ကွာတယ်။

ဒုတိယဆင့်၊ arrow နဲ့ ပုံတွေ ချိတ်ပါ။ arrow ဆွဲတဲ့အခါ cursor ကို ပုံ အနားဆီ ရွှေ့ရင် snap point ပေါ်လာမယ်။ ချိတ်ပြီးရင် ပုံ ရွှေ့တဲ့အခါ arrow လိုက်လှုပ်ကာ ပြန်ဆွဲစရာ မလိုဘူး။ ဒါက လူတော်တော်များများ မတွေ့တဲ့ feature ဖြစ်ပေမဲ့ flowchart ဆွဲရာမှာ အချိန် အကုန်သက်သာဆုံး နေရာဖြစ်တယ်။

တတိယဆင့်၊ text-to-diagram စမ်းပါ။ အပေါ်အလယ် toolbar ရဲ့ နောက်ဆုံး icon ကို နှိပ်ပြီး "Text to diagram" ရွေးကာ သင့် description ရိုက်ထည့်ရင် system က diagram အလိုအလျောက် ထုတ်ပေးမယ်။ ဥပမာ "အသုံးပြုသူ login flow: account/password ရိုက်, verify, အောင်မြင်ရင် homepage ဝင်, ကျရင် login page ပြန်" ဆိုပြီး ရိုက်ရင် flowchart တစ်ခု ထုတ်ပေးမယ်။

စတုတ္ထဆင့်၊ သူ ထုတ်တဲ့ Mermaid ကို ပြင်ပါ။ ဒါက အဓိက နည်းစနစ်ပါ။ text-to-diagram ရဲ့ တကယ့် flow က။ AI က သင့် description ကို Mermaid syntax အဖြစ် အရင် ပြောင်း, ပြီးရင် Mermaid ကနေ diagram render လုပ်တာ ဖြစ်တယ်။ ဒါကြောင့် ရလဒ် မမှန်တဲ့အခါ မြန်မာ description ကို ထပ်ကာ ပြင်ပြီး ကံစမ်းမဲ့အစား၊ Mermaid syntax ဘယ်နားမှား တိုက်ရိုက် ကြည့်ကာ အဲဒီ line ကို လက်နဲ့ ပြင်တာ ပိုကောင်းတယ်။ 2026 မှာ တရားဝင်လည်း Mermaid syntax editor သီးသန့် ထည့်ခဲ့တာက ရှုပ်ထွေးတဲ့ diagram ကို တိကျစွာ ညှိနိုင်ဖို့ပါ။

ပဉ္စမဆင့်၊ export လုပ်ပါ။ presentation အတွက် PNG သို့မဟုတ် SVG အဖြစ် export လုပ်, ဒါမှမဟုတ် .excalidraw file အဖြစ် သိမ်းပြီး ပြန်ပြင်နိုင်မှုကို ထိန်းထား။ document ထဲ ထည့်ချင်ရင် SVG က zoom လုပ်တဲ့အခါ မဝါးတဲ့အတွက် သူ့ကို ဦးစားပေးရွေးပါ။

အဆင့်မြင့် နည်းစနစ်

Mermaid ရဲ့ diagram အမျိုးအစားအသစ်တွေ အသုံးချပါ။ 2026 မှာ Excalidraw က Mermaid စွမ်းရည် ချဲ့ခဲ့ပြီး၊ အခု editor ထဲမှာ တိုက်ရိုက် State Diagram နဲ့ Entity Relationship Diagram (ERD) လုပ်နိုင်တယ်။ database relation သို့မဟုတ် state machine ဆွဲရာမှာ Mermaid syntax နဲ့ ရေးတာ လက်နဲ့ဆွဲထက် ဆယ်ဆ မြန်တယ်။

language model နဲ့ တွဲသုံးပါ။ ဒါက ကျွန်တော့် လက်တွေ့ workflow ပါ။ ChatGPT သို့မဟုတ် Claude ကို requirement description တစ်ခုကို Mermaid syntax အဖြစ် အရင် စီပေးစေပြီး Excalidraw ထဲ ကပ်ကာ render, ပြီးမှ layout ကို လက်နဲ့ ညှိ။ Excalidraw ထဲမှာ ထပ်ကာ command ချတာထက် ပိုထိရောက်တယ်၊ language model က diagram ပြင်တာထက် syntax ပြင်တာ ပိုကျွမ်းလို့ပါ။

ကိုယ်ပိုင် component library တည်ဆောက်ပါ။ မကြာခဏ သုံးတဲ့ icon ကို library အဖြစ် သိမ်းပြီး ထပ်သုံးနိုင်ကာ team အတူ မျှဝေရင် diagram style တညီတည်း ဖြစ်စေတယ်။

background element ကို lock ချပါ။ architecture diagram ကြီး ဆွဲရာမှာ အောက်ခြေ frame တွေ lock ချ (right-click Lock) ရင် အပေါ်အလွှာ component ရွှေ့တဲ့အခါ မှားဆွဲမိတာ ရှောင်နိုင်တယ်။

သတိပြုရန်

သူက formal document ကိရိယာ မဟုတ်ဘူး။ hand-drawn style က တွင်းပိုင်း ဆွေးနွေးမှုမှာ ကောင်းပေမဲ့၊ client ကို ပေးဖို့ သို့မဟုတ် formal specification document ထဲ ထည့်ဖို့ လုံလောက်စွာ formal မဖြစ်နိုင်ဘူး။ ဒီလို အခြေအနေမှာ Miro သို့မဟုတ် professional architecture diagram ကိရိယာ ပိုသင့်တယ်။

text-to-diagram မှာ ကန့်သတ်ချက် ရှိတယ်။ သူက linear flow နဲ့ ရှင်းလင်းတဲ့ relation မှာ ကျွမ်းပြီး၊ အလွန်ရှုပ်ထွေး, conditional branch များတဲ့ logic ဆိုရင် ထုတ်တဲ့ diagram က များသောအားဖြင့် အကြီးအကျယ် ပြင်ရတယ်။ ကျွန်တော့် ဆုံးဖြတ်ချက်က။ သူ့ကို ခုနစ်ဆယ်ရာခိုင်နှုန်း ရိုးရာ ထုတ်စေ, ကျန် သုံးဆယ်ရာခိုင်နှုန်း ကိုယ်တိုင် ဆွဲ။

လျှို့ဝှက် အချက်အလက် ဂရုစိုက်ပါ။ ပုံ file ကိုယ်တိုင်က local မှာ သိမ်းတာ ပြဿနာမရှိပေမဲ့၊ text-to-diagram က သင့် description ကို အပြင် ထုတ်ပို့ကာ process လုပ်တယ်။ ကုမ္ပဏီ core architecture ဆွဲတဲ့အခါ sensitive service name နဲ့ network segment ကို အရင် အစားထိုးဖို့ အကြံပြုတယ်။ တကယ် ဂရုစိုက်ရင် self-host လုပ်ပါ။ သူက open source ဖြစ်တဲ့အတွက် ကုမ္ပဏီ တော်တော်များများ သူ့ကို ရွေးတဲ့ အကြောင်းရင်းလည်း ဒါပါပဲ။

အခမဲ့ version မှာ cloud backup မရှိဘူး။ browser local မှာ သိမ်းတဲ့ အဖိုးအခက device ပြောင်း, cache ရှင်းရင် ပျောက်တာ ဖြစ်တယ်။ အရေးကြီးတဲ့ ပုံ လက်နဲ့ export သိမ်းဖို့ မမေ့နဲ့၊ ဒီအချက်နဲ့ နာဖူးတဲ့သူ မနည်းဘူး။

TheAI Academy သုံးသပ်ချက်

Excalidraw က diagram ကိရိယာ ကျပ်တည်းတဲ့ ဈေးကွက်ထဲမှာ အမှီအခို ပြုတာက feature များတာ မဟုတ်ဘဲ friction နည်းတာ ဖြစ်တယ်။ account မလို, အခမဲ့, link ကပ်ရုံနဲ့ အတူ ပြင်နိုင်, ဒီ သုံးခု ပေါင်းတော့ "ယာယီ ပုံတစ်ခု ဆွဲချင်ချိန်" မှာ လူတိုင်း တကယ် သုံးတဲ့ ရှားပါးတဲ့ ကိရိယာ ဖြစ်စေတယ်။

text-to-diagram ရဲ့ ဒီဇိုင်းကို ကျွန်တော် အထူး နှစ်သက်တယ်။ သူက AI က တစ်ဆင့်တည်း ပြီးအောင် လုပ်နိုင်တယ်လို့ မဟန်ဆောင်ဘဲ၊ ရိုးသားစွာ intermediate product (Mermaid) ကို သင့်ကို ပြင်ဖို့ ဖော်ပြပေးတယ်။ ဒီလို "AI က ရှစ်ဆယ်, လူက နှစ်ဆယ် ပြင်, ပြီးတော့ သင် ပြင်လို့ရအောင်" ဒီဇိုင်းက black box ပုံစံ one-click generation ထက် အများကြီး လက်တွေ့ကျတယ်။

သုံးသပ်ချက်။ Excalidraw က friction သေးလွန်းလို့ မသုံးဖို့ အကြောင်းပြချက် မရှိတာနဲ့ နိုင်တယ်။ သူ့ AI က သင့်ကို ပုံဆွဲရာမှာ အစားထိုးဖို့ မဟုတ်ဘဲ, သုည ကနေ စတဲ့ အဲဒီ ငါးမိနစ်ကို ကျော်ဖြတ်ပေးဖို့ ဖြစ်တယ်။

မြန်မာ engineering နဲ့ product team အတွက် ကွက်တိ အကြံပြုချက်။ သူ့ကို "ဆွေးနွေးမှုအတွက်" default ကိရိယာ အဖြစ် သုံးပြီး, formal delivery မှာ တခြားဟာ ပြောင်း။ သင့်ကုမ္ပဏီက data leak ကို ဂရုစိုက်ရင် self-host ကို တိုက်ရိုက် ဆန်းစစ်ပါ။ open source ဖြစ်တာ ဒီလို အချိန်မှာ အထူး တန်ဖိုးရှိတယ်။ အပြင်၊ language model နဲ့ တွဲသုံးဖို့ ပြင်းပြင်းထန်ထန် အကြံပြုတယ်။ model က Mermaid ထုတ်, သင်က Excalidraw မှာ layout ညှိ၊ ဒီ combination ရဲ့ efficiency က ဘယ်တစ်ဘက်ကို တစ်ခုတည်း သုံးတာထက် များစွာ မြင့်တယ်။ AI ကို နေ့စဉ်အလုပ်ထဲ ချိတ်တဲ့ နည်းလမ်း ပိုမိုအတွက် site ပေါ်က task scenario နဲ့ prompt template ကို ကြည့်နိုင်တယ်။

အချက်အလက် ရင်းမြစ်

• Excalidraw+ Changelog
• Excalidraw တရားဝင် website

အများပြည်သူ သိရှိနိုင်တဲ့ အချက်အလက်အရ စုစည်းထားပြီး၊ feature နဲ့ plan ကို တရားဝင် နောက်ဆုံး ကြေညာချက်အတိုင်း အတည်ပြုပါ။