إطلاق العنان للتصميم التعاوني: نظرة معمقة على Penpot لفرق الواجهات الأمامية

في عالم تطوير المنتجات الرقمية الديناميكي، كان الجسر بين التصميم والتطوير دائمًا جزءًا حاسمًا، وغالبًا ما يكون مليئًا بالتحديات، من البنية التحتية. لسنوات، تنقلت الفرق في مشهد من الأدوات المسجلة الملكية، لكل منها حديقتها المسورة، وتنسيقات بياناتها، ونماذج اشتراكها. ولكن هناك تحولًا قويًا يحدث، مدفوعًا بنفس المبادئ التي أحدثت ثورة في تطوير البرمجيات: التحول نحو المصدر المفتوح. في طليعة هذه الحركة في عالم التصميم يوجد Penpot، أول منصة تصميم ونماذج أولية مفتوحة المصدر تستحوذ بسرعة على اهتمام فرق الواجهات الأمامية العالمية.

سيستكشف هذا الدليل الشامل كل جانب من جوانب Penpot، من فلسفته التأسيسية إلى ميزاته الأكثر تقدمًا. سندرس لماذا طبيعته مفتوحة المصدر هي أكثر من مجرد ميزة سعرية، وكيف يحسن بشكل أساسي سير عمل المصمم والمطور، وكيف يمكنك البدء به اليوم، سواء على منصتهم السحابية أو على خادمك الخاص.

ما هو Penpot ولماذا يكتسب زخمًا؟

Penpot هو أداة تصميم ونماذج أولية تعاونية قائمة على الويب تمكن الفرق متعددة الوظائف من إنشاء منتجات رقمية مذهلة. في جوهره، يوفر محرر رسوميات متجهة، لكن قوته الحقيقية تكمن في ميزاته التعاونية، وقدرات النماذج الأولية، والأهم من ذلك، أساسه القائم على معايير الويب المفتوحة. على عكس معظم أدوات التصميم التي تستخدم تنسيقات ملفات مسجلة الملكية، فإن تنسيق Penpot الأصلي هو SVG (الرسوميات المتجهة القابلة للتحجيم) — وهو معيار يفهمه كل متصفح ويب حديث بطبيعته. هذه ليست مجرد تفصيلة تقنية؛ إنها خيار فلسفي له آثار عميقة على سير عمل تطوير الواجهات الأمامية.

الزخم وراء Penpot تغذيه عدة عوامل رئيسية:

• البحث عن بدائل: أثار الاندماج في سوق أدوات التصميم، ولا سيما استحواذ Adobe المقترح على Figma، بحثًا واسع النطاق عن بدائل قابلة للتطبيق ومستقلة. أصبح المطورون والمؤسسات حذرين من الاعتماد المفرط على نظام بيئي واحد مسجل الملكية.
• صعود السيادة الرقمية: تطالب الشركات والحكومات والمؤسسات التعليمية بشكل متزايد بالتحكم في بياناتها وأدواتها. توفر قدرات الاستضافة الذاتية في Penpot حلاً قويًا لخصوصية البيانات وأمنها.
• نهج يركز على المطور: تم بناء Penpot مع الأخذ في الاعتبار عملية تسليم العمل للمطور. من خلال تبني معايير الويب مثل SVG و Flex Layout و CSS Grid مباشرة داخل أداة التصميم، فإنه يقلل بشكل كبير من الاحتكاك وأخطاء الترجمة التي تعاني منها مسارات العمل التقليدية.
• مجتمع مزدهر: كمشروع مفتوح المصدر، يتم بناء Penpot في العلن، بمساهمات وملاحظات من مجتمع عالمي من المصممين والمطورين. خارطة طريقه شفافة، وتطوره يتأثر مباشرة بمستخدميه.

ميزة المصدر المفتوح: أكثر من مجرد "مجاني"

بينما يقدم Penpot فئة سحابية مجانية سخية، فإن مساواة المصدر المفتوح بـ "مجاني" يغفل الهدف. تكمن القيمة الحقيقية في الحرية والتحكم الذي يوفره. بالنسبة للفرق المهنية والشركات، غالبًا ما تكون هذه المزايا أكثر قيمة من تكلفة اشتراك أداة مسجلة الملكية.

التحكم والملكية: بياناتك، قواعدك

الميزة الأكثر أهمية في Penpot هي القدرة على الاستضافة الذاتية. من خلال تشغيل Penpot على بنيتك التحتية الخاصة (سحابة خاصة أو خوادم محلية)، فإنك تكتسب تحكمًا كاملاً في ملفات التصميم الخاصة بك، وبيانات المستخدم، وبروتوكولات الأمان. هذا مطلب غير قابل للتفاوض للمؤسسات في قطاعات مثل التمويل والرعاية الصحية والحكومة والبحث، حيث تكون خصوصية البيانات والامتثال لها أمرًا بالغ الأهمية.

علاوة على ذلك، فإن هذا يزيل خطر التقييد بمورد واحد. يتم تخزين أصول التصميم الخاصة بك في تنسيق مفتوح (SVG)، ولا يمكن إيقاف الأداة نفسها فجأة أو تغيير شروط خدمتها بطريقة تضر بعملك. أنت تملك المنصة، وليس فقط تستأجر الوصول إليها.

التخصيص والقابلية للتوسيع

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

الابتكار المدفوع بالمجتمع

تطوير Penpot هو جهد تعاوني بين فريقه الأساسي ومجتمع عالمي من المستخدمين. هذا يخلق دورة حميدة: يبلغ المستخدمون عن الأخطاء، والتي يتم إصلاحها بشكل أسرع؛ يقترحون الميزات التي يحتاجونها بالفعل، والتي يتم تحديد أولوياتها؛ وبعضهم يساهم مباشرة في الكود. خارطة طريق المنصة عامة، والمناقشات تحدث في العلن. هذه الشفافية والملكية الجماعية تؤدي إلى أداة أكثر قوة واستقرارًا وتركيزًا على المستخدم تتطور لتلبية المتطلبات الواقعية، وليس فقط المصالح التجارية للبائع.

الميزات الأساسية: جولة إرشادية في Penpot

Penpot هو منصة غنية بالميزات تقف جنبًا إلى جنب مع نظيراتها المسجلة الملكية. دعونا نحلل قدراتها الرئيسية.

لوحة التصميم: حيث تتشكل الأفكار

جوهر Penpot هو لوحة تصميم الرسوم المتجهة البديهية والقوية. يوفر كل ما يحتاجه مصمم واجهة المستخدم/تجربة المستخدم لإنشاء واجهات معقدة.

• تحرير الرسوم المتجهة: قم بإنشاء الأشكال ومعالجتها بدقة باستخدام المسارات ونقاط الربط والعمليات البوليانية (اتحاد، طرح، تقاطع، فرق)، وخيارات تصميم متقدمة مثل التعبئات المتعددة والحدود والظلال.
• طباعة متطورة: يوفر Penpot تحكمًا شاملاً في النص، بما في ذلك الوصول إلى خطوط Google، وتحميل الخطوط المخصصة، والتحكم الدقيق في خصائص مثل الحجم والوزن وارتفاع السطر وتباعد الأحرف والمحاذاة.
• تخطيط يتحدث لغة CSS: هذه هي القوة الخارقة لـ Penpot لفرق الواجهات الأمامية. يتضمن دعمًا من الدرجة الأولى لـ Flex Layout و CSS Grid القادم. يمكن للمصممين إنشاء تخطيطات سريعة الاستجابة باستخدام خصائص المحاذاة والتوزيع والالتفاف التي ترتبط مباشرة بمكافئاتها في CSS. هذه ليست محاكاة؛ إنها تطبيق مباشر لمنطق نموذج الصندوق في CSS.

النماذج الأولية والتفاعل: إحياء التصاميم

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

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

التعاون في الوقت الفعلي: التصميم كرياضة جماعية

تم بناء Penpot من الألف إلى الياء للتعاون. يكسر الصوامع ويسمح للمصممين والمطورين ومديري المنتجات وأصحاب المصلحة الآخرين بالعمل معًا في نفس المساحة، في نفس الوقت.

• وضع اللاعبين المتعددين: شاهد مؤشرات زملائك في الفريق تتحرك عبر اللوحة في الوقت الفعلي، تمامًا كما هو الحال في محرر المستندات التعاوني. هذا مثالي لجلسات العصف الذهني والتصميم المزدوج والمراجعات المباشرة.
• التعليقات والملاحظات: أضف التعليقات مباشرة على أي عنصر على اللوحة. يمكنك الإشارة إلى أعضاء الفريق، وحل سلاسل المحادثات، والاحتفاظ بسجل واضح وسياقي لجميع الملاحظات، مما يلغي الحاجة إلى سلاسل البريد الإلكتروني التي لا نهاية لها أو أدوات الملاحظات المنفصلة.
• المكتبات المشتركة وأنظمة التصميم: اضمن الاتساق ووسع نطاق جهود التصميم الخاصة بك عن طريق إنشاء مكتبات مشتركة من المكونات والألوان وأنماط النص التي يمكن الوصول إليها عبر جميع مشاريعك.

أنظمة التصميم والمكونات: المصدر الوحيد للحقيقة

لأي فريق يعمل على منتج واسع النطاق، يعد نظام التصميم القوي أمرًا ضروريًا. يوفر Penpot الأدوات اللازمة لبناء وإدارة وتوزيع واحد بشكل فعال.

• المكونات القابلة لإعادة الاستخدام: حوّل أي مجموعة من العناصر إلى مكون رئيسي. يمكنك بعد ذلك إنشاء نسخ من هذا المكون في جميع تصميماتك. أي تغيير يتم إجراؤه على المكون الرئيسي سينتشر تلقائيًا إلى جميع نسخه، مما يوفر ساعات لا حصر لها من العمل المتكرر.
• الأنماط المشتركة: حدد وسمِّ لوحات الألوان ومقاييس الطباعة وأنماط التأثيرات (مثل الظلال). طبق هذه الأنماط عبر تصميماتك. إذا كنت بحاجة إلى تحديث لون العلامة التجارية، فما عليك سوى تغييره في مكان واحد، وسيتم تحديثه في كل مكان يتم استخدامه فيه.
• الأصول المركزية: استخدم المكتبات المشتركة لتكون بمثابة المصدر الوحيد للحقيقة لنظام التصميم الخاص بك. يمكن لأي عضو في الفريق سحب المكونات والأنماط من المكتبة، مما يضمن أن الجميع يبنون بنفس اللبنات المعتمدة.

سير عمل Penpot والواجهات الأمامية: منظور المطور

هذا هو المكان الذي يميز فيه Penpot نفسه حقًا. إنها ليست مجرد أداة تصميم؛ إنها أداة اتصال وترجمة تحسن بشكل كبير عملية تسليم العمل للمطور.

من التصميم إلى الكود: ترجمة بدون فقدان

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

نظرًا لأن تنسيق Penpot الأصلي هو SVG، فلا توجد طبقة ترجمة معقدة. الكائن الذي تراه على اللوحة هو عنصر SVG. عندما يفحص المطور أيقونة، فإنه لا يحصل على قطعة بيانات مجردة ومعالجة مسبقًا؛ بل يحصل على كود SVG الخام والنظيف نفسه. هذا يضمن دقة مثالية ويزيل الحاجة إلى تصدير وإعادة تحسين الأصول.

يعتبر وضع الفحص (Inspect Mode) أفضل صديق للمطور. بنقرة واحدة، يمكن للمطور تحديد أي عنصر ورؤية خصائصه معروضة ككود CSS جاهز للاستخدام. يشمل ذلك الأبعاد والألوان والطباعة والحشو، والأهم من ذلك، خصائص التخطيط.

الاستفادة من Flex Layout: مثال عملي

تخيل أن مصممًا أنشأ بطاقة ملف تعريف مستخدم تحتوي على صورة رمزية واسم واسم مستخدم. يريد أن تكون الصورة الرمزية على اليسار وكتلة النص على اليمين، مع توسيط كليهما عموديًا.

1. في أداة تقليدية: قد يضع المصمم العناصر بشكل مرئي فقط. ثم يتعين على المطور تخمين التخطيط المقصود. هل هو flexbox؟ هل هو float؟ ما هي المسافات؟
2. في Penpot: يختار المصمم البطاقة، ويطبق Flex Layout، ويضبط الاتجاه على row، ويضبط align-items على center.

عندما يدخل المطور وضع الفحص وينقر على تلك البطاقة، سيرى مقتطف CSS التالي:

display: flex;
flex-direction: row;
align-items: center;
gap: 16px;

هذه ترجمة 1:1 لا لبس فيها لقصد التصميم. لا يوجد تخمين. هذه اللغة المشتركة بين أداة التصميم والمتصفح هي تغيير جذري للإنتاجية والدقة. مع دعم CSS Grid في الأفق، يعزز Penpot مكانته كأداة التصميم الأكثر توافقًا مع الكود في السوق.

تصدير أصول نظيفة وذات دلالة

بينما الهدف هو تقليل الاعتماد على التصدير، إلا أنه لا يزال جزءًا ضروريًا من سير العمل. يوفر Penpot خيارات تصدير مرنة لـ PNG و JPEG، والأهم من ذلك، SVG. تكون ملفات SVG المصدرة نظيفة ومحسّنة، وخالية من البيانات الوصفية المسجلة الملكية والشوائب التي غالبًا ما تضخها الأدوات الأخرى. هذا يعني أصولًا أخف وزنًا وأسرع تحميلًا لتطبيقك.

Penpot مقابل المنافسين: تحليل مقارن

كيف يقارن Penpot باللاعبين الراسخين؟ لنجري مقارنة عادلة.

Penpot مقابل Figma

• الفلسفة: هذا هو أكبر فرق. Penpot مفتوح المصدر ومدفوع بالمجتمع، ومبني على معايير مفتوحة. Figma هو منتج مسجل الملكية ومغلق المصدر.
• الاستضافة والبيانات: يقدم Penpot كلاً من الإصدار السحابي وخيار الاستضافة الذاتية، مما يمنح الفرق تحكمًا كاملاً في البيانات. Figma سحابي فقط.
• الميزات الأساسية: كلتا الأداتين تتمتعان بتعاون ممتاز في الوقت الفعلي، وأنظمة تصميم قائمة على المكونات، وقدرات النماذج الأولية. يتمتع Figma حاليًا بمجموعة ميزات أكثر نضجًا في بعض المجالات، مثل الرسوم المتحركة المتقدمة ونظام بيئي أكبر للمكونات الإضافية. ومع ذلك، يسد Penpot الفجوة بسرعة.
• تسليم العمل للمطور: كلاهما لديه أوضاع فحص، لكن تنسيق SVG الأصلي لـ Penpot وتطبيقه المباشر لنماذج تخطيط CSS (Flexbox/Grid) يوفر ترجمة أكثر مباشرة وأقل تجريدًا إلى الكود.
• التسعير: إصدار Penpot المستضاف ذاتيًا مجاني، وإصداره السحابي لديه فئة مجانية سخية، مع خطط مدفوعة للفرق الأكبر. Figma هو في المقام الأول خدمة قائمة على الاشتراك، والتي يمكن أن تصبح مكلفة على نطاق واسع.

Penpot مقابل Sketch / Adobe XD

• المنصة: Penpot أداة قائمة على الويب يمكن الوصول إليها من أي متصفح حديث على أي نظام تشغيل (Windows, macOS, Linux). Sketch مشهور بكونه متاحًا لنظام macOS فقط، مما يستبعد على الفور جزءًا كبيرًا من مجتمع المطورين العالمي. Adobe XD متعدد المنصات ولكنه تطبيق مكتبي أولاً.
• التعاون: التعاون في الوقت الفعلي أصلي وأساسي في Penpot. بينما أضاف Sketch و XD ميزات تعاونية، إلا أنهما لم يتم بناؤهما حول هذا المفهوم من الألف إلى الياء، ويمكن أن تكون التجربة في بعض الأحيان أقل سلاسة.
• الانفتاح: مثل Figma، كل من Sketch و Adobe XD منتجات مغلقة المصدر بتنسيقات ملفات مسجلة الملكية، مما يخلق نفس مخاطر التقييد بالبائع ونقص التحكم في البيانات. طبيعة Penpot مفتوحة المصدر وتنسيق SVG هما ميزتان واضحتان هنا.

البدء مع Penpot: دليل عملي

أحد أفضل الأشياء في Penpot هو مدى سهولة البدء به. يمكنك البدء في التصميم في غضون دقائق.

استخدام الإصدار السحابي

بالنسبة للأفراد والمستقلين والفرق الذين يرغبون في تجربة Penpot دون أي إعداد، فإن الإصدار السحابي الرسمي هو نقطة البداية المثالية.

1. انتقل إلى موقع Penpot.
2. قم بالتسجيل للحصول على حساب مجاني.
3. هذا كل شيء! سيتم نقلك إلى لوحة التحكم الخاصة بك، حيث يمكنك إنشاء مشاريع جديدة والبدء في التصميم على الفور. الفئة المجانية قادرة جدًا ومناسبة للعديد من حالات الاستخدام المهنية.

استضافة Penpot ذاتيًا لتحكم أقصى

بالنسبة للمؤسسات والوكالات والفرق المهتمة بالأمان، فإن الاستضافة الذاتية هي المسار الموصى به. الطريقة الأكثر شيوعًا ودعمًا هي استخدام Docker.

بينما يمكن أن تختلف التفاصيل بناءً على بنيتك التحتية، فإن العملية العامة واضحة:

1. المتطلبات الأساسية: ستحتاج إلى خادم (يوصى بـ Linux) مع تثبيت Docker و Docker Compose.
2. تنزيل التكوين: يوفر Penpot ملف `docker-compose.yaml` يحدد جميع الخدمات الضرورية (الخلفية، الواجهة الأمامية، المصدر، إلخ).
3. التكوين: قد تحتاج إلى تحرير بعض متغيرات البيئة في ملف التكوين لتتناسب مع نطاقك وإعدادات SMTP (لإشعارات البريد الإلكتروني).
4. التشغيل: قم بتشغيل أمر واحد (`docker-compose -p penpot -f docker-compose.yaml up -d`)، وسيقوم Docker بسحب الصور المطلوبة وبدء جميع الحاويات.

في غضون دقائق، سيكون لديك نسخة خاصة بك من Penpot قيد التشغيل. للحصول على إرشادات مفصلة ومحدثة، ارجع دائمًا إلى وثائق Penpot الرسمية.

مشروعك الأول: برنامج تعليمي صغير

دعنا نمر بإنشاء مكون بسيط لنرى سير العمل عمليًا.

1. إنشاء مشروع: من لوحة التحكم، أنشئ ملفًا جديدًا. أضف لوحة عمل إلى اللوحة عن طريق تحديد أداة لوحة العمل ورسم مستطيل.
2. تصميم بطاقة: ارسم مستطيلًا لخلفية البطاقة. بداخله، أضف مستطيلًا آخر لعنصر نائب للصورة، وطبقة نص لعنوان، وأخرى لوصف.
3. تطبيق Flex Layout: حدد مستطيل البطاقة الرئيسي. في لوحة التصميم اليمنى، انقر فوق '+' بجوار 'Layout' وحدد 'Flex'. سيتم الآن ترتيب عناصرك وفقًا لخصائص flex. قم بتغيير `direction` إلى `column` وقم بتعيين `gap` بقيمة 12 بكسل لإضافة مساحة بين العناصر.
4. إنشاء مكون: حدد البطاقة بأكملها، وانقر بزر الماوس الأيمن، واختر 'Create Component'. أصبحت بطاقتك الآن مكونًا قابلاً لإعادة الاستخدام.
5. فحص الكود: انتقل إلى 'View Mode' (أو شارك رابطًا مع مطور). حدد البطاقة. ستعرض اللوحة اليمنى الآن علامة التبويب 'Code'، والتي تعرض كود CSS الدقيق، بما في ذلك `display: flex;`، اللازم لبناء هذا المكون.

مستقبل Penpot والتصميم مفتوح المصدر

Penpot ليس مجرد تطبيق؛ إنه منصة ومجتمع. مستقبله مشرق ومرتبط بالاتجاه الأوسع للمعايير المفتوحة والسيادة الرقمية. يمكننا أن نتوقع رؤية ابتكار مستمر في المجالات الرئيسية:

• تكاملات أعمق مع المطورين: ابحث عن المزيد من التكاملات مع منصات التطوير مثل GitLab و GitHub، والأدوات التي تزيد من أتمتة عملية التسليم.
• نماذج أولية متقدمة: الرسوم المتحركة الأكثر تطورًا، والمنطق الشرطي، والمتغيرات ستجعل النماذج الأولية أكثر واقعية وقوة لاختبار المستخدم.
• نظام بيئي للمكونات الإضافية والقوالب: مع نمو المجتمع، توقع نظامًا بيئيًا مزدهرًا من المكونات الإضافية والقوالب ومجموعات واجهة المستخدم التي يساهم بها المجتمع لتسريع سير العمل.
• دعم كامل لـ CSS Grid: سيوفر التطبيق القادم لـ CSS Grid تجربة تصميم تخطيط لا مثيل لها، مما يعكس أقوى وحدة تخطيط متاحة على الويب اليوم.

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

الخلاصة: هل Penpot مناسب لفريقك؟

لقد تطور Penpot من وافد جديد واعد إلى منصة تصميم ونماذج أولية قوية وجاهزة للإنتاج. إنه يقدم بديلاً مقنعًا لأي فريق يقدر التعاون والكفاءة والتحكم.

يجب أن تفكر بجدية في Penpot إذا كان فريقك:

• فريق تطوير واجهات أمامية يريد تقليل الاحتكاك بين التصميم والكود.
• مؤسسة تتطلب التحكم الكامل في بياناتها وأدواتها بسبب احتياجات الخصوصية أو الأمان أو الامتثال.
• يؤمن بقوة المصدر المفتوح ويريد تجنب التقييد بمورد واحد.
• فريق متعدد الوظائف يحتاج إلى مصدر واحد للحقيقة يمكن الوصول إليه للتصميم والملاحظات والنماذج الأولية.
• وكالة تصميم تريد أن تقدم للعملاء خيارات تعاون أكثر مرونة وأمانًا، بما في ذلك النسخ المستضافة ذاتيًا.

يجب أن تكون الرحلة من عقل المصمم إلى شاشة المستخدم سلسة قدر الإمكان. من خلال البناء على اللغة الأم للويب، لا يقوم Penpot ببناء جسر أفضل بين التصميم والتطوير فحسب - بل يمهد الطريق بنفس المعايير التي يستخدمها المطورون كل يوم. نحن نشجعك على تجربة Penpot لمشروعك التالي وتجربة الحرية والقوة والروح التعاونية للتصميم مفتوح المصدر.