Excalidraw: سبورة سريعة في المتصفح قبل أن تفتح عرضا كاملا

أحيانا لا تريد “أداة تصميم”. تريد فقط أن ترسم فكرة قبل أن تهرب: سهم بين خدمتين، شاشة تطبيق أولية، أو خريطة بسيطة لاجتماع مدته ربع ساعة. هنا يلمع Excalidraw لأنه يفتح في المتصفح كسبورة بيضاء، لكنه لا يتصرف كمسودة رخيصة.

المشروع مفتوح المصدر ومبني حول أسلوب الرسم اليدوي، ولذلك تبدو المخططات أقل تصلبا من شرائح العروض. بحسب مستودع Excalidraw الرسمي، يدعم المحرر أشكالا أساسية مثل المستطيل والدائرة والسهم والكتابة والرسم الحر، مع التراجع، التكبير، إرفاق الصور، والوضع الداكن.

متى تستخدمه؟

استخدمه عندما تحتاج شيئا مفهوما بسرعة لا شيئا مثاليا بصريا. مثال: شرح تدفق تسجيل الدخول، مقارنة خيارين في منتج، تخطيط مكتب، أو رسم واجهة قبل أن يدخل الفريق في تفاصيل الألوان. يمكن تصدير الرسم كـ PNG أو SVG، أو حفظه بصيغة .excalidraw كي تعود إليه لاحقا.

الميزة العملية أن نسخة Excalidraw على الويب تعمل بنمط قريب من المحلي: تحفظ تلقائيا في المتصفح وتدعم PWA والعمل دون اتصال بحسب وصف المشروع. هذا لا يعني أن ترمي الملفات المهمة بلا نسخ احتياطية؛ يعني فقط أن الأداة تصلح للحظة “افتح وارسم” حتى قبل ترتيب مشروع كامل.

مكتبات جاهزة بدل رسم كل شيء

إن كان الرسم تقنيا، افتح Excalidraw Libraries. هناك مكتبات عامة يمكن إضافتها بسهولة إلى Excalidraw، وكل المكتبات المنشورة في الدليل مذكورة تحت رخصة MIT. ستجد عناصر للبنية السحابية، قواعد البيانات، الواجهات، وأيقونات تصلح للشرح السريع.

نصيحتي: ابدأ بثلاثة ألوان فقط، واجعل كل سهم يحمل فعلا واضحا مثل “يرسل” أو “يحفظ” أو “ينتظر”. بعد عشر دقائق، إن أصبح الرسم وثيقة مهمة، صدّره SVG وضعه في العرض أو التذكرة. وإن لم يصبح كذلك، فقد أدى عمله: جعل الفكرة مرئية قبل أن تتحول إلى نقاش دائري.

المصادر: مستودع Excalidraw، Excalidraw Libraries، مستودع مكتبات Excalidraw. مصدر الصورة: Excalidraw Logo على GitHub برخصة MIT.