Excalidraw

لوحة بيضاء افتراضية لرسم مخططات تشبه الرسومات اليدوية GitHub: https://github.com/excalidraw/excalidraw

---

نظرة عامة

Excalidraw هو تطبيق لوحة بيضاء افتراضية مجاني ومفتوح المصدر يتيح للمستخدمين إنشاء مخططات، ومخططات انسيابية، وإطارات سلكية، ورسومات بجمالية مميزة مرسومة باليد. تم بناؤه كمكون React ونشره كحزمة npm، ويمكن استخدامه بشكل مستقل على excalidraw.com أو تضمينه مباشرة في تطبيقات أخرى.

تم إنشاء المشروع في البداية بواسطة Christopher Chedeau (vjeux) ونما منذ ذلك الحين ليصبح مجتمعًا مزدهرًا مفتوح المصدر اعتمدته شركات مثل Google Cloud، و Meta، و CodeSandbox، و Replit، و Notion، و Obsidian.

---

الميزات الأساسية

أدوات الرسم

• الأشكال الأساسية: مستطيل، دائرة، ماسة، سهم، خط
• الرسم الحر والممحاة
• أداة النص مع خطوط مخصصة (Excalifont)
• ربط الأسهم والأسهم المسماة
• مكتبات الأشكال للمكونات القابلة لإعادة الاستخدام

اللوحة وواجهة المستخدم

• لوحة لا نهائية مع دعم التكبير والتصغير والتحريك
• الوضع المظلم
• سجل التراجع / الإعادة
• اختصارات لوحة المفاتيح لسير عمل فعال
• عرض الخط، الخشونة، اللون، والتعبئة قابلة للتخصيص

التعاون والمشاركة

• تعاون متعدد اللاعبين في الوقت الفعلي عبر روابط قابلة للمشاركة
• تشفير من طرف إلى طرف للجلسات الآمنة
• روابط قابلة للمشاركة للقراءة فقط للعرض
• دعم PWA — يعمل بالكامل دون اتصال بالإنترنت
• محلي أولاً: يتم الحفظ تلقائيًا في تخزين المتصفح

التصدير والتكامل

• التصدير إلى PNG، SVG، والحافظة
• التصدير / الاستيراد بتنسيق JSON .excalidraw (مفتوح، قابل للقراءة البشرية)
• قابل للتضمين كمكون React عبر حزمة npm @excalidraw/excalidraw
• مدمج في أدوات مثل Obsidian، وملحقات VS Code، و Notion، والمزيد

التوطين

• دعم كامل لـ i18n (التدويل) مع لغات متعددة

---

المكدس التقني

الطبقة	التقنية
الواجهة الأمامية	React, TypeScript
اللوحة	HTML5 Canvas API
الرسم	Rough.js (عرض الرسومات اليدوية)
الخطوط	Excalifont (مخصص)، Virgil (قديم)
الحزمة	منشور على npm باسم @excalidraw/excalidraw
الترخيص	MIT

---

حالات الاستخدام

• مخططات بنية النظام — رسومات غير رسمية ولكنها معبرة للفرق التقنية
• الإطارات السلكية والنماذج الأولية لواجهة المستخدم — نماذج أولية سريعة منخفضة الدقة قبل Figma
• العصف الذهني وتوليد الأفكار — التفكير البصري في الاجتماعات أو بشكل غير متزامن
• التدريس والعروض التقديمية — يحافظ أسلوب الرسم اليدوي على سهولة الوصول إلى المحتوى
• التوثيق — تضمين الرسوم البيانية الحية في الويكي، وصفحات Notion، أو ملفات README

---

Excalidraw+ (مدفوع)

بالإضافة إلى الإصدار المجاني مفتوح المصدر، يقدم الفريق Excalidraw+، وهو منتج سحابي مدفوع يضيف:

• تخزين سحابي ومساحات عمل منظمة
• جلسات تعاون مستمرة
• دردشة صوتية داخل اللوحة
• وضع العرض التقديمي (تصدير قائم على الشرائح إلى PPTX/PDF)
• إدارة الأذونات ومشاركة الضيوف
• يتوفر تجربة مجانية لمدة 14 يومًا

---

المجتمع والتبني

• النجوم: أكثر من 90,000 نجمة على GitHub (أحد أدوات السبورة الأكثر نجومًا)
• المساهمون: أكثر من 800 مساهم مفتوح المصدر
• يستخدمه: Google Cloud، Meta، CodeSandbox، Obsidian، Replit، Slite، Notion، HackerRank
• التكاملات: ملحق VS Code، إضافة Obsidian، إضافة Confluence، والمزيد

---

البدء

الاستخدام عبر الإنترنت

انتقل إلى https://excalidraw.com — لا يلزم التسجيل.

الاستضافة الذاتية / التضمين

npm install @excalidraw/excalidraw

import { Excalidraw } from "@excalidraw/excalidraw";

export default function App() {
  return <Excalidraw />;
}

التشغيل محليًا

git clone https://github.com/excalidraw/excalidraw.git
cd excalidraw
npm install
npm start

---

ملخص

يبرز Excalidraw بين أدوات الرسم بسبب تبنيه المتعمد للجمالية المرسومة باليد — حواف خشنة وخطوط انسيابية تحافظ على المحتوى غير رسمي وتركز على الأفكار بدلاً من الصقل. مزيجه من سهولة الاستخدام الفائقة (لا حاجة لتسجيل الدخول)، والتعاون القوي، والتنسيق المفتوح، وإمكانية التضمين كمكتبة React يجعله خيارًا مفضلاً للمطورين والمصممين والفرق في جميع أنحاء العالم.