محرر mermaid المباشر، الرسم البصري والكود في مكان واحد

معظم محررات mermaid تمنحك مربع نص ومعاينة فقط. هذا المحرر يمنحك أيضًا لوحة رسم: انقر لإضافة كتلة، اسحب سهمًا، جمّع العناصر في مناطق — وكود mermaid يُكتب من تلقاء نفسه. بدّل إلى تبويب الكود وعدّله يدويًا؛ اللوحة تتبعك.

  • يُرسم أثناء الكتابة

    محرك mermaid الحقيقي، يُعاد رسمه بعد بضع مئات من الميلي ثانية من آخر ضغطة مفتاح.

  • تزامن الكود واللوحة

    عدّل أي جانب. الآخر يلحق به فورًا — بلا نسخ ولصق بين أداتين.

  • 14 شكلًا للعقد

    مستطيل، دائري الحواف، كبسولة، دائرة، معين، قاعدة بيانات، سداسي وغيرها، بنقرة واحدة لكل شكل.

  • مجاني وبلا تسجيل

    لا فترة تجريبية ولا علامة مائية — يفتح المحرر فورًا. سجّل الدخول فقط إذا أردت أكثر من مخطط.

لوحة رسم، لا مجرد مربع نص

تبويب اللوحة البصرية محرر حقيقي فوق المخطط المُرسَم: انقر على عقدة لتحديدها، انقر نقرًا مزدوجًا لإعادة تسميتها في مكانها، واسحب في أي مكان للتحريك.

  • انقر لتبنيأضف كتلة، وجّه سهمًا نحو أخرى، وسمِّ السهم. لا حاجة لحفظ أي صياغة قبل أن تبدأ.

  • اختر شكلًاأربعة عشر شكلًا لمخططات mermaid الانسيابية — معينات القرار، أسطوانات قواعد البيانات، الروتينات الفرعية — من قائمة واحدة.

  • لوّن أي شيءثمانية إعدادات جاهزة بالإضافة إلى منتقي ألوان، يُطبَّق على عقدة واحدة أو على منطقة كاملة.

كود mermaid يبقى ملكك

تبويب النص هو mermaid عادي — نفس الصياغة التي يعرضها GitHub وGitLab وNotion وObsidian بالفعل. لا شيء هنا بصيغة مملوكة.

  • اكتبه يدويًااكتب mermaid مباشرة وشاهده يُرسَم. ستة أمثلة جاهزة للبدء منها.

  • تحويل ذهابًا وإيابًاالمخططات الانسيابية التي تلصقها تُحلَّل وتُعاد إلى اللوحة — العقد، الأشكال، الألوان، المخططات الفرعية وكل شيء.

  • كل أنواع المخططاتانسيابي، تسلسلي، فئات، حالة، ER، جانت، رسم بياني git، دائري — المعاينة تُرسم كل ما يدعمه mermaid.

المخططات الكبيرة تبقى واضحة

مخططات البنية تتجاوز حجم شاشة واحدة بسرعة. التحريك والتكبير والتجميع مصممة لهذا بدلًا من مقاومته.

  • مناطق وتداخلجمّع الكتل في مخططات فرعية، وضع منطقة داخل أخرى، وحرّك فرعًا كاملًا بحركة واحدة.

  • تكبير من 2% إلى 1600%مرر للتحريك، اضغط ctrl مع التمرير للتكبير، أو أعد التوسيط بزر واحد.

  • يُحفظ أثناء العمليُحفظ مخططك تلقائيًا في متصفحك أثناء التحرير. وإذا سجّلت الدخول، يُحفظ في حسابك ويرافقك على أي جهاز.

صدّر وتابع عملك

لا شيء مقيّد. خذ الصورة، خذ المصدر، أو خذ كتلة Markdown جاهزة للصق في مستند.

  • بدون حواجز دفعكل ميزة، بما فيها التصدير، مجانية. لا توجد خطة مدفوعة للترقية إليها.

  • يُعرض في متصفحكيتم العرض داخل متصفحك؛ وبلا حساب لا يغادر المخطط المتصفح إطلاقًا، ومع حساب يرافقك المستند المحفوظ على أي جهاز.

  • SVG وPNG و.mmd و.mdانسخ كود SVG، نزّل PNG بدقة 2x، احفظ مصدر mermaid، أو خذ كتلة Markdown جاهزة.

كيف يُقارَن بالخيارات المعتادة

أدوات المخطط-ككود تجبرك على كتابة كل شيء يدويًا. أدوات السحب والإفلات تمنحك صورة لا يمكنك مقارنتها. هذا المحرر يرفض الانحياز لأي جانب.

البدء

IQ Mermaid: انقر نقرًا مزدوجًا على اللوحة فتظهر عقدة. يمكنك تعلّم الصياغة لاحقًا، أو لا تتعلمها أبدًا.

الأداة المعتادة: اقرأ مرجع الصياغة أولًا، أو اقبل أداة رسم بلا تمثيل نصي على الإطلاق.

صيغة الإخراج

IQ Mermaid: mermaid عادي — نفس النص الذي يعرضه GitHub وGitLab وNotion بشكل أصلي.

الأداة المعتادة: ملف مملوك لا يُفتح إلا في الأداة التي أنشأته.

التعديل لاحقًا

IQ Mermaid: غيّر الكود أو حرّك الكتل. الاتجاهان يعملان على نفس المخطط.

الأداة المعتادة: اتجاه واحد فقط: أدوات الكود الأول بلا لوحة، وأدوات اللوحة الأولى بلا مصدر.

السعر

IQ Mermaid: مجاني — ولا حتى بريد إلكتروني.

الأداة المعتادة: خطة مجانية محدودة بعدد قليل من المخططات، مع تصدير أو تعاون خلف اشتراك.

أين تُخزَّن البيانات

IQ Mermaid: في متصفحك، أو في حسابك إن أردت أن يرافقك على أي جهاز.

الأداة المعتادة: حساب على خادم شخص آخر، ومخططاتك مرتبطة به.

أسئلة عن محرر mermaid

كل ما تحتاجه للبدء هو فتح الصفحة.

ما هو mermaid؟

mermaid هو صياغة نصية للمخططات: تصف العقد والأسهم في بضعة أسطر، ويرسم المُحرِّك الصورة. يعرضه GitHub وGitLab وNotion وObsidian داخل Markdown، لذا تبقى كتلة mermaid مقروءة في طلب سحب أو صفحة ويكي.

هل محرر mermaid هذا مجاني حقًا؟

نعم. كل الميزات، بما فيها التصدير إلى SVG وPNG، مجانية، ويمكنك استخدام المحرر دون إنشاء أي شيء. حساب مجاني اختياري يضيف مزيدًا من المخططات المحفوظة والمزامنة بين الأجهزة — لا توجد خطة مدفوعة ولا شيء محجوب.

هل أحتاج لمعرفة صياغة mermaid؟

لا. ابدأ من التبويب البصري: انقر نقرًا مزدوجًا على اللوحة لإضافة كتلة، حدّدها وارسم سهمًا نحو أخرى. كود mermaid يُولَّد لك، ويمكنك قراءته متى أردت تعلّم الصياغة.

ما أنواع المخططات المدعومة؟

تبويب الكود يرسم كل ما يدعمه mermaid — انسيابي، تسلسلي، فئات، حالة، علاقات كيانات، جانت، رسم بياني git، دائري وأكثر. اللوحة البصرية تحرر المخططات الانسيابية تحديدًا، وهي الأكثر شيوعًا.

هل يمكنني التصدير إلى PNG أو SVG؟

نعم. انسخ كود SVG إلى الحافظة، نزّل ملف SVG، أو نزّل PNG بدقة 2x مناسب للعروض التقديمية والمستندات. يمكنك أيضًا حفظ مصدر mermaid كـ .mmd أو كتلة Markdown.

أين يُخزَّن مخططي؟

بلا حساب، يُحفظ مخططك الواحد في متصفحك، فيبقى هناك حين تعود على الجهاز نفسه. وإذا سجّلت الدخول، يُحفظ في حسابك بدلًا من ذلك، ليرافقك إلى جهاز آخر. صدّر المصدر إن أردت نسخة خاصة بك.

هل يمكنني لصق مخطط mermaid موجود؟

نعم. الصقه في تبويب الكود؛ يُحلَّل المخطط الانسيابي ويُعاد إلى اللوحة البصرية مع عقده وأشكاله وألوانه ومخططاته الفرعية سليمة. أنواع المخططات الأخرى تُرسم في المعاينة لكنها تبقى كودًا فقط.

هل يعمل بدون اتصال بالإنترنت؟

الرسم يتم بالكامل في متصفحك، لذا بعد تحميل الصفحة يستمر المحرر في العمل دون اتصال.

افتح المحرر. مجاني — بلا تسجيل.

لوحة فارغة، تبويب كود، وكل خيارات التصدير — مجانًا، في متصفحك، الآن.