Penpot مقابل Figma: ما الذي يغيره البديل مفتوح المصدر فعلًا
يتشارك Figma وPenpot نفس النموذج: تصميم متجهي في المتصفح، تعاون في الوقت الفعلي، مكونات قابلة لإعادة الاستخدام وتسليم مدمج للمطورين. الفرق الجوهري في نموذج البيانات: Figma يخزن كل شيء على خوادمه بتنسيق خاص؛ Penpot يستخدم SVG القياسي كتنسيق أصلي، مما يعني أن ملفات تصميمك قابلة للقراءة بأي محرر SVG ومستقلة عن أي مورّد.
ما يمنحك إياه Penpot خارج الصندوق
- تصميم متجهي في الوقت الفعلي — عدة مصممين على نفس الملف في آنٍ واحد، مؤشرات مرئية، تعليقات سياقية على الطبقات.
- المكونات والمكتبات المشتركة — أنشئ أنظمة تصميم وانشرها كمكتبات مشتركة بين المشاريع.
- تسليم أصلي للمطورين — مفتش CSS مباشر، تصدير الأصول، تعليقات توضيحية، دلائل التباعد المولّدة تلقائيًا.
- نمذجة تفاعلية — اربط الإطارات بانتقالات وقدّم التنقل في النموذج الأولي دون مغادرة الأداة.
- شبكات مرنة وقيود — تخطيطات تلقائية، شبكات CSS أصلية، قيود تغيير الحجم مماثلة لـ Figma.
- تنسيق SVG مفتوح — ملفاتك قابلة للنقل والاستيراد في Inkscape أو Illustrator.
- تكامل MCP — اربط Penpot بمساعدك الذكاء الاصطناعي لإنشاء مكونات من أوصاف نصية (v2.17).
البنية: 6 حاويات، نقطة دخول HTTP واحدة
Penpot عبارة عن مجموعة حديثة تتكون من: penpot-postgres (PostgreSQL 15، استمرارية المشاريع والمستخدمين)، penpot-valkey (Valkey 8، ذاكرة تخزين مؤقتة للجلسات وpub/sub في الوقت الفعلي)، penpot-backend (Clojure، واجهة API والمنطق التجاري)، penpot-exporter (محرك تصدير PNG/PDF/SVG)، penpot-mcp (خادم MCP لتكامل الذكاء الاصطناعي) وpenpot-frontend (بروكسي HTTP على المنفذ 9001). على خادم ServOrbit بـ 4 GB، تستهلك المجموعة الكاملة نحو 800 MB في وضع الخمول.
النشر في 5 خطوات
أول تسجيل دخول
افتحوا الرابط وانقروا على زر إنشاء الحساب «Create an account». التسجيل مفتوح والتحقق بالبريد الإلكتروني مُعطّل، لذا يصبح حسابكم فعّالاً على الفور. افعلوا ذلك دون تأخير.
دمج Penpot في سير عمل Git
يفتح تنسيق SVG الأصلي لـ Penpot إمكانيات لا يمكن لـ Figma تقديمها: تصميماتك ملفات نصية قابلة للإصدار. صدّر مكونًا بصيغة SVG، الزمه في مستودع Gitea، ويمكن لخط CI اكتشاف الانحدارات المرئية عبر diffs SVG. يمكن للمطورين فحص تغييرات التصميم في PR تمامًا كأي كود.
Penpot MCP: أنشئ تصميمات من مساعدك الذكي
منذ v2.17، يضم Penpot خادم MCP يعرض مشاريعك لأي عميل متوافق مع MCP. هيّئ مساعدك (Claude، Cursor) بعنوان URL الـ MCP الخاص بنسختك من Penpot، واطلب 'أنشئ زر أساسيًا 40px، لون #6765A2، border-radius 8px' — يُنشئ المساعد المكون مباشرة في ملف تصميمك المفتوح.