انتقل إلى المحتوى

مولّد المخططات الانسيابية

صِف العملية بسلسلة خطوات في كل سطر واحصل على مخطط انسيابي مع كود Mermaid الذي يقف خلفه.

تتم المعالجة محليًا في متصفحك

الخيارات
سلسلة واحدة في كل سطر باستخدام "->". سمِّ السهم بـ "-نص->". أو الصق كود Mermaid يبدأ بـ "flowchart".0 حرف · 0 سطر
ستظهر النتيجة هنا.

ما هي أداة مولّد المخططات الانسيابية؟

يعرض المخطط الانسيابي خطوات العملية والقرارات التي تفرّعها. توفر هذه الأداة طريقتين لإنشائه: كتابة مخطط نصي بسيط بالأسهم ("بداية -> تحقق -> صالح؟ -نعم-> حفظ") أو لصق كود Mermaid كامل للتحكم الكامل.

في وضع المخطط النصي يمثل كل سطر سلسلة خطوات. تُعيد التسميات المتطابقة استخدام العقدة نفسها، وتصبح التسمية المنتهية بـ "?" معينًا للقرار، وتتحول "Start" و"End" إلى نهايات مستديرة، ويضع "-نعم->" تسمية على السهم. ويظهر كود Mermaid المولَّد بجانب المخطط لتنسخه وتحسّنه.

كيف تعمل؟

  1. اكتب سلسلة واحدة في كل سطر، واربط الخطوات بـ "->" وسمِّ السهم بـ "-نص->".
  2. اختر الاتجاه (من الأعلى للأسفل، من اليسار لليمين، من الأسفل للأعلى، من اليمين لليسار) والسمة.
  3. راجع المخطط ولوحة "كود Mermaid"؛ ويمكنك لصق كود Mermaid الخاص بك في أي وقت.
  4. صدّر المخطط بصيغة 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 فإنه يُعرض كما هو، مع تطبيق الاتجاه والسمة الاختياريين فقط.

المزيد من الأدوات في Markdown والمخططات →