دليل النشر

Penpot: بديل Figma المستضاف ذاتياً للوكالات

انشر على VPS Cloud ←

دليل عملي

Penpot: بديل Figma المستضاف ذاتياً للوكالات

الاستضافة الذاتية9 دقائق للقراءةعدد الخطوات: 8

في مطلع عام 2025، راجعت Figma هيكل أسعارها بالرفع — بنسبة تقارب 30% حسب الخطة. بالنسبة لوكالة تدير عشرة عملاء مع خمسة مصممين، تتجاوز الفاتورة السنوية ألفي دولار بسهولة. Penpot v2، أداة التصميم التعاوني مفتوحة المصدر المبنية على معايير الويب (‎SVG وCSS)، توفر بديلاً جدياً: مستضاف على خادمك الخاص VPS، يمنحك تحكماً كاملاً في البيانات والوصول والتكاليف. يخاطب هذا الدليل الوكالات التي تدير من خمسة إلى خمسة عشر عميلاً وترغب في الانتقال من Figma دون التضحية بجودة التصميم أو سلاسة التعاون.

المحتويات· لماذا إعادة النظر في Figma في 20251/8
  1. 01لماذا إعادة النظر في Figma في 2025
  2. 02Penpot v2 مقابل Figma — التكافؤ والقيود بصدق
  3. 03المتطلبات التقنية قبل التثبيت
  4. 04تثبيت Penpot عبر Docker Compose
  5. 05إدارة متعددي العملاء: فضاءات العمل والصلاحيات
  6. 06حل المشكلات الشائعة
  7. 07الهجرة من Figma: التصدير وتوافق SVG ورموز التصميم
  8. 08Penpot المستضاف ذاتياً: السيادة والتحكم في التكاليف لوكالتك

لماذا إعادة النظر في Figma في 2025

لم يجعل فشل الاستحواذ من قِبل Adobe شركةَ Figma أقل طموحاً في التسعير. في عام 2025، ارتفعت خطة Professional إلى 15 دولاراً للمقعد شهرياً، وخطة Organization إلى 45 دولاراً. بالنسبة لفريق من خمسة مصممين، يعني ذلك 900 دولار و2700 دولار سنوياً على التوالي — قبل احتساب تراخيص FigJam أو الإضافات المدفوعة. بالنسبة لوكالة تعمل بهوامش ضيقة وكثيراً ما تحتاج إلى منح عشرات العملاء صلاحية القراءة، يصبح نموذج التسعير بالفضاء عائقاً حقيقياً. Penpot لا يحل كل مشاكل Figma، لكنه يحل هذه المشكلة بالضبط: تكلفة التعاون مع متعددي العملاء.

  • صفر تكلفة لكل مقعد: ادعُ مصممين ومطورين وعملاء بصلاحية القراءة بقدر ما تحتاج، دون طبقات فوترة.
  • بياناتك مستضافة لديك: لا تمر مصوراتك وأصول عملائك عبر خوادم جهات خارجية — حجة قوية في نقاشات RGPD.
  • فضاءات عمل منفصلة لكل عميل: يعيش كل مشروع عميل في فضائه الخاص بأعضائه وصلاحياته المستقلة.
  • معيار مفتوح: يولّد Penpot ملفات SVG أصيلة، مما يجعل الملفات قابلة للقراءة والنقل دون الاعتماد على تنسيق خاص.
  • تصدير CSS ورموز التصميم: يحصل المطورون مباشرة على قيم الأنماط دون إضافات خارجية، مما يُسرّع تسليم التصميم.
  • تحكم كامل في التحديثات: أنت من يقرر وقت التحديث، دون هجرة قسرية أو تغيير مفاجئ في الواجهة.
  • امتثال سيادي: للوكالات التي تعمل مع عملاء حكوميين أو حساسين، يبسّط تخزين البيانات على بنيتك التحتية عمليات التدقيق في الامتثال.

Penpot v2 مقابل Figma — التكافؤ والقيود بصدق

يغطي Penpot جوهر العمل اليومي للوكالة: تحرير المتجهات، المكونات، النماذج الأولية، وتسليم التصميم للمطورين. ثمة نقطتان تستوجبان الصراحة: منظومة الإضافات الخارجية لا تزال متواضعة مقارنةً بمكتبة Figma Community، وإدراج ملفات ‎.fig يبقى جزئياً — القيود المعقدة وبعض التأثيرات المتقدمة والمكتبات المشتركة لا تُترجم دائماً بدقة. إذا كان لديك خمس سنوات من ملفات Figma، خطط للهجرة التدريجية.

مرّر الجدول أفقيًا

الميزةPenpot v2Figma Pro
تحرير المتجهات✓✓
المكونات والمتغيرات✓✓
النماذج الأولية التفاعلية✓✓
تسليم التصميم / Inspect✓✓
التعاون في الوقت الفعلي✓✓
إدراج ملفات ‎.figجزئي✓
الإضافات الخارجيةمحدودة✓ (مكتبة واسعة)
تصدير SVG / CSS✓✓
رموز التصميم✓✓ (عبر إضافات)
وصول الضيوف بدون رسوم إضافية✓مدفوع بالمقعد
الاستضافة الذاتية✓✗

المتطلبات التقنية قبل التثبيت

يعمل Penpot v2 في Docker ويتطلب خادم VPS بالمواصفات التالية: نواتا vCPU على الأقل، ذاكرة RAM بحجم 4 غيغابايت (8 غيغابايت مُوصى به لفرق تزيد عن خمسة أشخاص)، و40 غيغابايت من التخزين SSD للأصول وقاعدة بيانات PostgreSQL. ستحتاج إلى Docker Engine 24+ وDocker Compose v2، واسم نطاق يشير إلى خادمك (مثلاً ‎your-domain.com)، وصلاحية وصول SSH للجذر أو sudo. يستوفي خادم VPS من ServOrbit بسعر يبدأ من ‎99 درهم/شهر هذه المتطلبات: وعلى مدار سنة، يمثل ذلك جزءاً ضئيلاً من 900 إلى 2700 دولار التي ستكلفها Figma لنفس الفريق المؤلف من خمسة مصممين.

تثبيت Penpot عبر Docker Compose

يُنشر Penpot v2 عبر Docker Compose. تُعدّ الخطوات التالية خادم Penpot وخادم وكيل عكسي Nginx بشهادة SSL مع إعداد SMTP لدعوات الفريق.

  1. تجهيز الخادم

    تواصل مع خادم VPS عبر SSH، ثم حدّث النظام وثبّت Docker وDocker Compose: ‎apt update && apt upgrade -y && apt install -y docker.io docker-compose-plugin‎. تحقق من الإصدارات بـ ‎docker --version‎ و‎docker compose version‎ للتأكد من Docker 24+ وCompose v2.

  2. استنساخ الإعداد الرسمي لـ Penpot

    احضر إعداد Docker الرسمي من مستودع Penpot: ‎git clone https://github.com/penpot/penpot.git /opt/penpot && cd /opt/penpot‎. يحتوي المجلد ‎docker/images/‎ على ملف ‎docker-compose.yaml‎ المرجعي للإنتاج.

  3. تكوين متغيرات البيئة

    انسخ ملف المثال وعدّله: ‎cp docker/images/.env.example docker/images/.env‎. عيّن على الأقل ‎PENPOT_FLAGS‎ (فعّل ‎enable-smtp‎ و‎enable-registration‎)، و‎PENPOT_PUBLIC_URI‎ (نطاقك: ‎https://penpot.your-domain.com‎)، وأنشئ مفتاحاً سرياً قوياً لـ ‎PENPOT_SECRET_KEY‎ بـ ‎openssl rand -hex 32‎.

  4. تشغيل الحاويات

    من مجلد ‎docker/images/‎، شغّل: ‎docker compose -p penpot -f docker-compose.yaml up -d‎. سيسحب Docker الصور (penpot-frontend وpenpot-backend وpenpot-exporter وpenpot-pgsql وpenpot-redis) ويبدأ الخدمات. تحقق من أن جميع الحاويات في حالة ‎running‎ بـ ‎docker compose -p penpot ps‎.

  5. تكوين Nginx كوكيل عكسي مع SSL

    ثبّت Nginx وCertbot: ‎apt install -y nginx certbot python3-certbot-nginx‎. أنشئ vhost في ‎/etc/nginx/sites-available/penpot‎ يشير إلى ‎localhost:3449‎ (منفذ واجهة Penpot الأمامية الافتراضي)، ثم احصل على شهادة Let's Encrypt: ‎certbot --nginx -d penpot.your-domain.com‎. يعدّل Certbot الإعداد تلقائياً لتحويل HTTP إلى HTTPS.

  6. إنشاء أول حساب مسؤول

    انتقل إلى ‎https://penpot.your-domain.com‎ في متصفحك. صفحة التسجيل متاحة إذا كان ‎enable-registration‎ مفعّلاً. أنشئ حساب المسؤول، ثم عطّل التسجيل العام في ‎.env‎ (‎disable-registration‎) وأعد تشغيل الحاويات إذا كنت لا تريد أن يتمكن أي شخص من إنشاء حساب.

  7. تكوين SMTP للدعوات (اختياري)

    لدعوة المتعاونين بالبريد الإلكتروني، عيّن في ملف ‎.env‎ المتغيرات: ‎PENPOT_SMTP_HOST‎ و‎PENPOT_SMTP_PORT‎ و‎PENPOT_SMTP_USER‎ و‎PENPOT_SMTP_PASSWORD‎ و‎PENPOT_SMTP_FROM‎. أعد تشغيل الحاويات بعد أي تعديل: ‎docker compose -p penpot restart‎.

  8. التحقق من التثبيت

    افتح مشروعاً تجريبياً، وادعُ حساباً ثانياً، وتحقق من أن التعاون في الوقت الفعلي يعمل (مؤشرات مرئية وتغييرات متزامنة). راجع السجلات عند وجود أي خلل: ‎docker compose -p penpot logs backend --tail=50‎.

إدارة متعددي العملاء: فضاءات العمل والصلاحيات

ينظم Penpot العمل في فِرَق (teams) تتوافق تماماً مع احتياجات الوكالة متعددة العملاء. لكل عميل فريقه الخاص بمشاريعه وأعضائه ومكتبة أصوله المستقلة. لن ترى فريق "شركة الفا" مصورات فريق "مؤسسة بيتا" أبداً. بوصفك مسؤول النظام، يمكنك أن تكون عضواً في جميع الفرق في آنٍ واحد، مما يتيح لك التنقل بين العملاء دون تغيير الحساب.

مستويات الصلاحيات مفصّلة: يمكن دعوة عميل بصلاحية القراءة فقط على مشاريعه (يرى ويعلّق دون تعديل)، بينما يمتلك مصمموك صلاحية التحرير الكاملة. يمكن للمطورين الوصول إلى وضع Inspect دون المساس بملفات المصدر. تعالج هذه البنية مباشرةً قيد Figma حيث يكلّف كل وصول للتحرير مقعداً إضافياً مدفوعاً.

الأمان والصيانة: فعّل المصادقة الثنائية (2FA) لجميع حسابات المسؤولين. أعدّ نسخاً احتياطية تلقائية لقاعدة PostgreSQL باستخدام ‎pg_dump‎ إلى تخزين بعيد (مثل حاوية S3 أو خادم VPS آخر) — مرة يومياً كافية لمعظم الوكالات. تابع إصدارات Penpot على GitHub وحدّث بتشغيل ‎docker compose -p penpot pull && docker compose -p penpot up -d‎ من مجلد التثبيت. قبل كل تحديث، أجرِ نسخة احتياطية كاملة لقاعدة البيانات: ‎docker exec penpot-pgsql pg_dump -U penpot penpot > backup_$(date +%F).sql‎.

حل المشكلات الشائعة

إليك الأخطاء الأربعة الأكثر شيوعاً عند تثبيت Penpot وعلاجها.

  • خطأ "502 Bad Gateway" في Nginx: الحاوية الأمامية غير جاهزة بعد أو لا تستمع على المنفذ الصحيح. تحقق من أن المنفذ 3449 هو ما يوكّله Nginx، وأن الحاوية في حالة ‎running‎ (‎docker compose -p penpot ps‎). إذا كانت الحاوية تُعيد التشغيل باستمرار، راجع ‎docker compose -p penpot logs frontend‎.
  • خطأ "PENPOT_SECRET_KEY is not set" عند بدء تشغيل الخادم الخلفي: المتغير ‎PENPOT_SECRET_KEY‎ غائب أو فارغ في ملف ‎.env‎. أنشئ قيمة بـ ‎openssl rand -hex 32‎ وأعد تشغيل الحاويات.
  • لا تصل رسائل الدعوة بالبريد الإلكتروني: تحقق من وجود ‎enable-smtp‎ في ‎PENPOT_FLAGS‎ وصحة بيانات SMTP. اختبر الإرسال من حاوية الخادم الخلفي: ‎docker exec -it penpot-backend ./manage.sh send-test-email [email protected]‎.
  • فشل التصدير إلى SVG أو PDF بصمت: تحتاج حاوية ‎penpot-exporter‎ (خدمة Chromium بلا واجهة) إلى موارد كافية. زد الذاكرة المخصصة لـ Docker، وتحقق من تشغيل حاوية المُصدِّر وإمكانية وصول الخادم الخلفي إليها عبر شبكة Docker الداخلية.

الهجرة من Figma: التصدير وتوافق SVG ورموز التصميم

تجري الهجرة من Figma على ثلاث مراحل. أولاً، صدّر ملفاتك من Figma بصيغة SVG (صفحة بصفحة أو مكوناً بمكون) من تطبيق Figma Desktop — هذا هو التنسيق الأفضل لاستيراده في Penpot. استيراد ملفات ‎.fig متاح في Penpot v2 لكنه يبقى جزئياً: القيود المتقدمة وأوضاع الدمج المعقدة والمكتبات المشتركة لا تُحفظ دائماً بدقة. للمشاريع النشطة، فضّل الهجرة مكوناً بمكون على الاستيراد الجماعي.

بعد ذلك، استخرج رموز التصميم من Figma باستخدام أداة كـ Token Studio أو Style Dictionary، ثم أعد استيرادها في Penpot عبر واجهة إدارة الرموز. يحافظ هذا على نظام ألوانك وطباعتك ومسافاتك دون إعادة إدخال يدوي. أخيراً، أخبر مطوريك أن وضع Inspect في Penpot يمنحهم قيم CSS والمسافات بالبكسل ومواصفات المكونات مباشرةً — دون إضافات خارجية. يكون الانتقال أسلس لأن Penpot يتحدث بطبيعته نفس معايير المتصفح.

Penpot المستضاف ذاتياً: السيادة والتحكم في التكاليف لوكالتك

Penpot v2 ليس نسخة مطابقة من Figma ولا يدّعي ذلك. منظومة الإضافات لا تزال أكثر تواضعاً، وهجرة الملفات المعقدة تتطلب صبراً. لكن بالنسبة لوكالة تدير عدة عملاء، يمثل الجمع بين فضاء تصميم تعاوني سيادي ووصول دون فوترة لكل مقعد وبنية تحتية بتكلفة ثابتة ميزة هيكلية حقيقية. نشر Penpot على خادم VPS من ServOrbit بسعر يبدأ من ‎99 درهم/شهر‎ يعني استعادة التحكم في سلسلة التصميم — دون الاعتماد على قرار تسعير لم تتخذه.

انشر Penpot على خادم VPS اليوم

يقدم ServOrbit نشر Penpot v2 بنقرة واحدة من خلال الماركت بليس. خادم VPS جاهز، Docker مهيّأ، شهادة SSL مضمّنة — فضاء التصميم التعاوني الخاص بك يعمل في دقائق.

بحاجة إلى مساعدة؟

تصفّح مركز المساعدة والأسئلة الشائعة، أو تواصل مع فريقنا — معاودة اتصال أو WhatsApp أو بريد إلكتروني. الدعم بـالعربية والفرنسية والإنجليزية.

راسلنا على WhatsAppيُفتح في علامة تبويب جديدة