فريق التصميم لديك هو الوكيل الذي تشغّله أصلاً
لا مصمّم، لا ميزانية، لا تسليم. صِف ما تحتاجه فيرسمه وكيلك — صفحة هبوط هذا الصباح، لوحة معلومات بعد الظهر، بطاقات اجتماعية قبل الإطلاق — وكلها تتشارك نظام تصميم واحد عرّفته مرة واحدة.
في سطر واحد
Open Design هو قسم التصميم الذي لم يمتلكه المؤسّس الفردي يوماً: من التوجيه إلى الناتج عبر كل واجهة يحتاجها منتجك، بعلامة واحدة، بلا تسليم وبلا أدوات إضافية.
كيف يستخدم المطوّر الفردي Open Design
- 01
عرّف علامتك مرة واحدة
دوّن الألوان والخطوط والنبرة في ملف DESIGN.md (أو اشتقّ نسخة من أحد أكثر من ١٤٠ نظاماً مرجعياً). كل ناتج تولّده بعد ذلك يصبح متسقاً مع علامتك تلقائياً.
- 02
ولّد ما تحتاجه تالياً
نموذج أولي، صفحة هبوط، لوحة معلومات، عرض تقديمي، بطاقة اجتماعية — الوكيل نفسه، العلامة نفسها، توجيه واحد لكل منها. بلا تبديل أدوات أو شراء مقاعد جديدة.
- 03
أطلقه — فهو حقيقي أصلاً
كل شيء يُرسم إلى HTML / كود داخل مستودعك، فيغدو النموذج الأولي هو المنتج وتنطلق صفحة الهبوط حيّة. بلا نماذج تُرمى بعد الاستخدام.
ماذا يستطيع المطوّر الفردي أن يطلق
نموذج أولي اقرأ الأمر كاملاً → صفحة SaaS
صفحة هبوط SaaS من صفحة واحدة تحتوي على hero وميزات وإثبات اجتماعي وأسعار وCTA. تحترم رموز اللون/الطباعة/التخطيط النشطة من DESIGN.md. الكلمات المفتاحية: "saas landing"، "marketing page"، "product landing".
نموذج أولي اقرأ الأمر كاملاً → نموذج ويب أولي
نموذج أولي لموقع ويب سطح المكتب متعدد الأغراض. ملف HTML مستقل يتم إنشاؤه بنسخ `assets/template.html` ولصق التخطيطات من `references/layouts.md`. الخيار الافتراضي للصفحات المقصودة والتسويقية والتوثيقية أو SaaS.
نموذج أولي اقرأ الأمر كاملاً → تطبيق الهاتف المحمول
شاشة تطبيق محمول معروضة داخل إطار iPhone 15 Pro دقيق بالبكسل على الصفحة. يتم إنشاؤها بنسخ ملف البذرة assets/template.html ولصق نموذج شاشة من references/layouts.md. استخدمها عندما يطلب الموجز 'تطبيق محمول' أو 'تطبيق iOS' أو 'تطبيق Android' أو 'شاشة هاتف' أو 'واجهة تطبيق'.
نموذج أولي اقرأ الأمر كاملاً → لوحة التحكم
لوحة تحكم إدارية وتحليلية في ملف HTML واحد. شريط جانبي أيسر ثابت، شريط علوي للمستخدم/البحث، شبكة رئيسية لبطاقات KPI والرسوم البيانية. استخدمها لشاشات 'لوحة التحكم' أو 'الإدارة' أو 'التحليلات' أو 'لوحة التحكم'.
نموذج أولي اقرأ الأمر كاملاً → منشور مدونة
مقال طويل / منشور مدونة — يتضمن رأسًا، عنصر نائب لصورة بطولية، نص المقال مع الأشكال والاقتباسات البارزة، توقيع المؤلف، منشورات ذات صلة. استخدم عندما يطلب الموجز 'مدونة' أو 'مقال' أو 'منشور' أو 'مقالة' أو 'دراسة حالة'.
عرض تقديمي اقرأ الأمر كاملاً → Open-Slide 1920 Canvas Deck
مجموعة لوحة مقفلة 1920x1080 مع تركيب حر على مستوى مكونات React، غير مقيدة بقالب ثابت.
البناء الفردي مع Open Design مقابل القيام به بالطريقة الصعبة
| ما تحتاجه | مع Open Design | وحدك اليوم |
|---|---|---|
| تغطية كل واجهة تصميم | ●وكيل واحد يصنع النموذج والهبوط ولوحة المعلومات والعلامة | حياكة خمس أدوات SaaS ودروس تعليمية معاً |
| البقاء متسقاً مع العلامة | ●ملف DESIGN.md واحد يُطبَّق في كل مكان تلقائياً | إعادة بناء المظهر في كل أداة، مع انحراف مع الوقت |
| التحرك بسرعة الفرد | ●من الفكرة إلى الناتج بتوجيه واحد | تعلّم أداة تصميم لا تملك وقتاً لها |
| الإطلاق لا النمذجة | ●HTML / كود في مستودعك، جاهز للنشر | نموذج لا يزال على أحدهم أن يبنيه |
| التكلفة | ●مفتوح المصدر، بمفاتيحك أنت، يعمل محلياً | كومة من الاشتراكات بحسب المقعد |
كل واجهة تحتاجها شركة ناشئة من شخص واحد، من مجرد توجيه. اختر واحدة قريبة من خطوتك التالية وصِفها.
أسئلة المطوّر الفردي الشائعة
-
01 لستُ مصمّماً — هل أستطيع فعلاً استخدام هذا؟
نعم. تصف ما تريده بلغة بسيطة، فيطبّق الوكيل نظام تصميم ويرسمه. المهارة في كتابة التوجيه، لا في تحريك البكسلات.
-
02 هل يغطّي كل شيء أم شيئاً واحداً فقط؟
كل ما يحتاجه منتج صغير — نماذج أولية وصفحات هبوط ولوحات معلومات وعروض تقديمية ورسوميات — من الوكيل نفسه والعلامة نفسها.
-
03 إلى ماذا تتحوّل النواتج؟
كود HTML حقيقي داخل مستودعك، فيستطيع النموذج الأولي أن يصبح المنتج وتنطلق صفحة الهبوط حيّة، بدل نموذج تَرميه.
-
04 أي الوكلاء أستطيع استخدامها؟
Claude Code وCodex وCursor Agent وGemini CLI ومزيد من المحوّلات الأصلية، بمفاتيح مزوّدك الخاصة.
ابنِ مشروعك كاملاً الليلة
ضع نجمة للمستودع، ثبّت Open Design، ودع وكيلاً واحداً يكون فريق تصميمك — داخل الوكيل الذي تستخدمه أصلاً.