مصوّر workflow لـ n8n

الصق workflow من n8n لرسمه كمخطط SVG بمواضعه الأصلية أو بتخطيط تلقائي طبقي، مع تلوين العقد حسب الفئة وتمييز المعطّلة وتكبير وتنزيل SVG، كله في المتصفح.

مساحة العمل

كيف تُحسب النتيجة؟

تُستخرج العقد (بأسمائها الفريدة) والاتصالات من connections بعد حذف المكرر والإشارات لعقد غير موجودة. إن امتلكت كل العقد position رقميًا استُخدمت كما هي؛ وإلا يُحسب تخطيط طبقي: تُهمل الحواف الراجعة (حلقات) عبر DFS، وعمق كل عقدة = أطول مسار من البداية، x = العمق × 240 وy = ترتيبها داخل الطبقة × 110. اللون حسب فئة النوع: Trigger أخضر، منطق (if/switch/merge) برتقالي، كود بنفسجي، HTTP أزرق، ملاحظة أصفر. تُهرَّب أسماء العقد في SVG.

حدود الأداة: المخطط للعرض فقط؛ لا يُنفّذ شيئًا ولا يتحقق من صحة الـ workflow. التخطيط التلقائي بسيط (لا تقليل تقاطعات). لا تُرسم أسماء مخارج العقد (true/false) ولا الأنواع غير الرئيسية من الاتصالات تمييزًا. الفئات مبنية على اسم النوع فقط. PNG وpan غير متوفرين (تكبير وتمرير فقط).

أسئلة شائعة

لماذا يختلف الرسم عن n8n؟

n8n يعرض مواضعه الأصلية؛ عند غيابها نحسب تخطيطًا بسيطًا.

هل أرسل الـ workflow لخادم؟

لا، يُرسم في المتصفح.

أحدث الأدوات

أدوات مجانية أُضيفت حديثًا — تعمل في متصفحك دون رفع بياناتك

كل الأدوات →

اكتب HTML وCSS وJS وشاهد المعاينة فورًا داخل iframe معزول مع وحدة تحكم وأحجام شاشة ومشاركة بالرابط

محلي

أصلح تلقائيًا الفواصل الزائدة والاقتباس المفرد والحقول الناقصة والأسماء المكررة والاتصالات المعلّقة مع تقرير بكل تغيير

محلي

الصق رسالة خطأ n8n لتحصل على السبب الأرجح وخطوات الإصلاح ومثال تعبير ودرجة ثقة من قاعدة معرفة مفتوحة

محلي