تخطَّ إلى المحتوى الرئيسي
LibraTool logoLibraTool

محرِّر مخططات Mermaid مجانًا

ارسم مخططات انسيابية ومتتاليات وجداول Gantt والمزيد بصيغة Mermaid مع معاينة فورية. صدِّر بصيغة SVG أو PNG. يعمل بالكامل في متصفحك.

💡 اكتب المخططات بصيغة Mermaid — مخططات انسيابية، ومخططات تسلسل، ومخططات Gantt، ومخططات أصناف وغيرها — وصدّرها بصيغة SVG أو PNG. كل شيء يعمل داخل متصفحك: لا يُرفع نص مخططك أبدًا، ويُقدَّم محرك عرض Mermaid من هذا الموقع لا من CDN خارجي.

الاستخدامات الشائعة

  • إنشاء مخطط تدفقأنشئ مخطط تدفق من النص وصدره كصورة.
  • رسم مخطط التسلسلمخطط كيفية تفاعل الأنظمة أو الأشخاص بمرور الوقت.
  • أضف مخطط إلى READMEأنشئ مخططات تعرضها GitHub بشكل أصلي في README الخاص بك.
  • بناء مخطط غانتضع جدول زمني للمشروع كمخطط غانت من النص.
  • إنشاء مخطط الفئةرسم الفئات وعلاقاتها لتصميم البرمجيات.

كيف يعمل

Mermaid يتيح لك كتابة الرسوم البيانية كنص وتحويله تلقائياً — رائع للحفاظ على الرسوم البيانية في التحكم بالإصدارات. هذا محرر حي يصيير أثناء الكتابة.

  1. 1
    يتم تحميل محرك Mermaid
    تُحمَّل مكتبة Mermaid من LibraTool في أول مرة تستخدم فيها الأداة، ثم يخزّنها متصفحك مؤقتًا.
  2. 2
    تكتب رمز الرسم البياني
    مخططات تدفق وتخطيطات متسلسلة وجداول Gantt وتخطيطات الفئات ورسوم بيانية دائرية والمزيد — باستخدام بناء جملة نص Mermaid.
  3. 3
    يصيير بشكل حي
    يتم تحليل الرمز الخاص بك وتصييره إلى SVG في متصفحك أثناء الكتابة، مع مواضيع خفيفة وداكنة.
  4. 4
    تصدير SVG أو PNG
    حمّل المخطط كملف SVG قابل للتحجيم أو PNG بدقة ضعفية لإسقاطه في الوثائق أو الشرائح أو ملف README.

كود المخطط الخاص بك — الذي قد يصف الأنظمة الداخلية — يتم تصييره بالكامل في متصفحك ولا يتم تحميله أبداً.

أدوات ذات صلة

📝

محرر Markdown

اكتب Markdown وعاينه في الوقت الفعلي. يدعم العناوين والخط العريض والمائل وكتل التعليمات البرمجية والجداول والقوائم.

جربها
🟦

مولد شبكة CSS

قم بتصميم شبكة CSS بصريًا — المسارات والوحدات والفجوات — ونسخ CSS و HTML التي تم إنشاؤها.

جربها
🌳

مولِّد شجرة ASCII

حوِّل قائمة ذات مسافة بادئة إلى شجرة مجلدات منظمة (├── └──) لملفات README والوثائق. مخرجات Unicode أو ASCII عادي. يعمل بالكامل في متصفحك.

جربها

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