مولّد المخططات الانسيابية
صِف العملية بسلسلة خطوات في كل سطر واحصل على مخطط انسيابي مع كود Mermaid الذي يقف خلفه.
تتم المعالجة محليًا في متصفحك/ بياناتك تبقى في متصفحك.
ما هي أداة مولّد المخططات الانسيابية؟
يعرض المخطط الانسيابي خطوات العملية والقرارات التي تفرّعها. توفر هذه الأداة طريقتين لإنشائه: كتابة مخطط نصي بسيط بالأسهم ("بداية -> تحقق -> صالح؟ -نعم-> حفظ") أو لصق كود Mermaid كامل للتحكم الكامل.
في وضع المخطط النصي يمثل كل سطر سلسلة خطوات. تُعيد التسميات المتطابقة استخدام العقدة نفسها، وتصبح التسمية المنتهية بـ "?" معينًا للقرار، وتتحول "Start" و"End" إلى نهايات مستديرة، ويضع "-نعم->" تسمية على السهم. ويظهر كود Mermaid المولَّد بجانب المخطط لتنسخه وتحسّنه.
كيف تعمل؟
- اكتب سلسلة واحدة في كل سطر، واربط الخطوات بـ "->" وسمِّ السهم بـ "-نص->".
- اختر الاتجاه (من الأعلى للأسفل، من اليسار لليمين، من الأسفل للأعلى، من اليمين لليسار) والسمة.
- راجع المخطط ولوحة "كود Mermaid"؛ ويمكنك لصق كود Mermaid الخاص بك في أي وقت.
- صدّر المخطط بصيغة SVG أو PNG، أو انسخ كود Mermaid.
حالات الاستخدام الشائعة
- توثيق عملية تسجيل أو موافقة أو تصعيد دعم فني.
- شرح خوارزمية أو قاعدة عمل تتضمن فروع قرار.
- تحويل ملاحظات اجتماع عن سير عمل إلى صورة قابلة للمشاركة.
- الحصول بسرعة على مسودة Mermaid أولى ثم تحسينها في المحرر.
أمثلة
جرّب هذا المدخل في الأداة أعلاه:
Start -> Check input -> Valid? -yes-> Save record -> Send confirmation -> End Valid? -no-> Show error message -> Check input
الخصوصية
تعمل أداة مولّد المخططات الانسيابية بالكامل داخل متصفحك. يُعالَج النص أو الملفات التي تقدّمها على جهازك ولا تُرفع ولا تُسجَّل ولا تُخزَّن على خوادمنا.
القيود
يغطي وضع المخطط النصي العقد والقرارات والأسهم المسمّاة فقط. أما المخططات الفرعية والتنسيقات المخصصة والميزات المتقدمة فتحتاج إلى كود Mermaid. افصل فروع القرار بتكرار تسميته في سطر آخر.
الأسئلة الشائعة
كيف أرسم قرارًا بفرعي نعم ولا؟
أنهِ التسمية بعلامة استفهام ثم اكتب سطرًا لكل فرع: "صالح؟ -نعم-> حفظ" و"صالح؟ -لا-> عرض الخطأ". يشترك السطران في المعيّن نفسه.
ماذا يفعل خيار الاتجاه بالكود الخاص بي؟
يعيد كتابة السطر الأول فقط (يتحول "flowchart TD" مثلًا إلى "flowchart LR"). اختر "إبقاء ما في الكود" لاحترام الاتجاه الذي كتبته.
هل يمكنني لصق كود Mermaid بدل المخطط النصي؟
نعم. إذا بدأ النص بكلمة Mermaid مفتاحية مثل flowchart أو graph فإنه يُعرض كما هو، مع تطبيق الاتجاه والسمة الاختياريين فقط.
أدوات ذات صلة
محرر Mermaid المباشر
محرر Mermaid حر: اكتب المخطط ككود واحصل على عرض مباشر يمكن تصديره.
Markdown والمخططات
مولّد مخططات التسلسل
اكتب رسالة في كل سطر وشاهد من يتحدث إلى من وبأي ترتيب على هيئة مخطط تسلسل.
Markdown والمخططات
مولّد مخططات الحالات
اكتب الانتقالات بين الحالات واحصل على مخطط آلة حالات مع الأحداث على الأسهم.
Markdown والمخططات
مولّد الخرائط الذهنية
اكتب أفكارك كقائمة بمسافات بادئة وشاهدها كخريطة ذهنية شعاعية.
Markdown والمخططات
مولّد مخططات الأصناف
اكتب كود classDiagram مع الأصناف والأعضاء والعلاقات وشاهد مخطط UML فورًا.
Markdown والمخططات
مولّد مخططات جانت
اكتب المهام مع تاريخ البداية والمدة واحصل على جدول زمني للمشروع بأقسام وتبعيات.
Markdown والمخططات