اكتب أسهمًا مثل User -> API -> Database واحصل على مخطط بنية أو تدفق مرتب. اطوِ المجموعات لرؤية الصورة الكاملة ورقّم الخطوات لتدفق مفصل.
اسحب المربعات لتحريكها. انقر نقرًا مزدوجًا لإعادة تسمية مربع أو إضافة واحد. اسحب النقطة على المربع لتوصيله. Ctrl+Z للتراجع.
لا يُرفع أي شيء: يبقى المخطط في متصفحك وفي الروابط التي تختار مشاركتها.
في أدوات السبورة ترسم كل مربع وكل سهم وترتّبها بيدك. هنا تكتب من يتواصل مع من، سطرًا لكل سهم، ويتم الترتيب تلقائيًا. اجمع الخدمات المترابطة في مجموعة واطوِها في مربع واحد حين تريد الصورة الكاملة، ثم افتحها مجددًا للتفاصيل.
Excalidraw سبورة حرة تضع فيها كل شكل وسهم بنفسك. هنا النص هو المخطط والترتيب تلقائي، فإضافة خدمة سطر واحد بدل رسم المربعات وإعادة محاذاتها. للرسم التقريبي الحر يبقى Excalidraw أنسب.
ضع المربعات المترابطة في مجموعة بـ Name { ... }. زر نظرة عامة يطوي كل مجموعة في مربع واحد ويدمج أسهمها، وزر التفاصيل يفتحها. ويمكنك طي مجموعة واحدة من رأسها.
لا. يُرسم في متصفحك ويُحفظ في تخزينه المحلي. رابط المشاركة يحمل المخطط داخل الرابط نفسه بعد علامة #، وهي جزء لا ترسله المتصفحات إلى الخادم أبدًا.
ليس مباشرة، فلا يوجد استيراد من Mermaid. الأسطر البسيطة مثل A -> B تعمل، لكن هناك ثلاثة فروق. احذف سطر الترويسة graph TD وإلا صار مربعًا، واكتب بدلًا منه direction: down. أزل تسميات Mermaid بين الأقواس المربعة، لأن النص داخل [ ] يُقرأ هنا وسومًا للشكل واللون. كما أن --> ترسم هنا سهمًا متقطعًا لاستدعاء غير متزامن، بينما هي في Mermaid سهم عادي؛ استخدم -> لسهم متصل.
A -> B: نص يضع تسمية على السهم، وA --> B يرسم سهمًا متقطعًا، وA <-> B سهمًا باتجاهين، وA <- B يشير إلى الخلف. الاسم [db, blue] يحدد الشكل واللون، والأشكال هي service وdb وcache وqueue وactor وclient وstorage وexternal وdecision وterminal وnote. السطر title: يسمي المخطط، وdirection: down يرتبه من الأعلى إلى الأسفل، والسطر الذي يبدأ بـ # أو // تعليق. يتسع المخطط الواحد لما يصل إلى 300 مربع و600 سهم و20,000 حرف من النص.