ما هو صانع المخططات الانسيابية؟

اسحب وأفلت لبناء مخططات انسيابية تتضمن معينات القرار ومربعات العمليات ومتوازيات الإدخال/الإخراج وأشكال المستندات والموصلات. صدّر المخطط النهائي بصيغة PNG أو SVG أو PDF.

اختر من بين صناديق الإجراء ومعيّنات القرار وحبّات البداية والنهاية ومتوازيات الإدخال/الإخراج وأشكال المستندات. تلتصق في مكانها وتبقى موصولة عند تحريك العقد. انقر العقدة نقرتين لتغيير اسمها، اسحب من مقبض إلى آخر لربط شكلين، وغيّر اللون أو امسح اللوحة بنقرة. وعند اكتمال المخطط، صدِّره بصيغة SVG شفافة للشرائح أو PNG بأي مستوى تكبير أو PDF جاهز للطباعة.

كيفية الاستخدام

1. الخطوة 1 — اسحب عقد الأشكال (عملية، قرار، بداية/نهاية) من شريط الأدوات إلى اللوحة.
2. الخطوة 2 — اربط العقد بالسحب من نقطة اتصال إلى أخرى. انقر نقراً مزدوجاً لتعديل التسميات.
3. الخطوة 3 — رتّب التخطيط ثم صدّر المخطط الانسيابي بصيغة PNG أو SVG أو PDF للعروض التقديمية أو الطباعة أو التوثيق.

متى تستخدم

• توثيق مسار طلب في الواجهة الخلفية مع فروع النجاح والفشل قبل البدء بالبرمجة.
• رسم مسار تصعيد دعم العملاء ليقرأه موظف جديد في أوّل يوم عمل.
• تسطيح خوارزمية في وثيقة تصميم عندما يعجز النص عن إيصال الفكرة.

النتيجة

يرسم مدير منتج مخطط تسجيل مستخدم جديد: بداية → تسجيل → هل تم التحقق من البريد؟ (قرار) → نعم → لوحة التحكم / لا → إعادة إرسال البريد → العودة إلى التحقق.

الأسئلة الشائعة

ما الفرق بين صندوق العملية ومعيّن القرار؟

المستطيلات تمثّل خطوة أو إجراء (إرسال بريد، تحديث سجل). المعيّنات تمثّل سؤال نعم/لا أو نقطة تفرّع تشطر المسار إلى طريقين. أما الحبّات فتُعلِّم البداية والنهاية. الالتزام بهذه الأعراف يُبقي المخطط واضحاً.

كيف أصل شكلين ببعضهما؟

حرّك المؤشر فوق العقدة فتظهر مقابض صغيرة على حوافها. اضغط واسحب من مقبض إلى مقبض شكل آخر ثم أفلت، يظهر سهم بينهما. لاحقاً يمكنك سحب نقطة منتصف السهم لإعادة توجيهه حول العقد الأخرى.

هل أستطيع تسمية الأسهم لا الصناديق فقط؟

نعم. انقر السهم نقرتين فيظهر مربع نص عند منتصفه. مفيد على معيّنات القرار لتسمية الفرعين «نعم» و«لا»، أو لإضافة شرط على الانتقال مثل status=200 أو «استُنفدت المحاولات».

لماذا أصدِّر بصيغة SVG بدل PNG؟

ملف SVG يبقى حاداً عند أي تكبير ويمكن تحريره في Figma أو Illustrator أو Inkscape إذا أردت تعديل نص أو لون لاحقاً. أما PNG فثابت الدقّة لكنه يُلصَق بثبات أكثر في Confluence وNotion وPowerPoint دون مشاكل استيراد.

كم عقدة يحتمل اللوح قبل أن يبطؤ؟

React Flow يعمل بسلاسة حتى بضع مئات من العقد. بعد ذلك يتباطأ التحريك والتكبير على أجهزة لاب توب متوسطة. عند بلوغ هذا الحجم، قسّم المخطط إلى نظرة علوية ترتبط بمخططات تفصيلية لكل نظام فرعي.

أدوات ذات صلة