بدايةً اقدم رسالة شكر وتقدير لكل من ساهم بهذا المعسكر والقائمين عليه واخص المهندس محمد العارف بجزيل الشكر بسبب شفافيته وصدقه وامانته على إيصال المعلومة وتنفيذها بشكل عملي.
- أولاً المعسكر
كان اكثر من ممتاز، صدقاً انا اعمل في المجال منذ 4 سنوات تقريباً ودخلت المعسكر في عقلية وخرجت منه بمكان آخر تماماً (كنت اريد القول للوهلة الأولى انه مثل غيره، ولكن اجزم بكل صدق هو افضل ما قمت بدراسته للأن في مجال تجربة المستخدم).
- ثانياً، محتوى المعسكر كان ممنهج ومرتب بشكل يستطيع اي شخص من خارج المجال التقني (مهندس،دكتور، او حتى محامي) ان يخرج في نهاية المعسكر لدي الخبرة الكافية لدخول سوق العمل بكل ثقة.
- ثالثاً، الادوات والابحاث وخصوصاً في تجربة المستخدم كان تعلمها جداً سلس وذلك بسبب التطبيق العملي واخص كذلك الأفخاخ التي وقعنا بها كفريق، وذلك متعمد من م. محمد حتى نتعلم بالشكل الصحيح وهذه الأخطاء لن ننساها طوال مسيرتنا المهنة.
- رابعاً وأخيراً، التطبيق العملي الجاد المكثف في تصميم واجهة المستخدم وبناء نظام التصميم والمكونات والتعامل مع مبادئ التصميم وربطها ببعضها البعض هو ما عملنا عليه حتى ننتج منتجات غير قابلة للفشل في سوق تنافسي محتدم، سواء على مستوى تصميم الواجهة او التجربة. وشكراً
معسكر أنظمة التصميم (Design Systems & Tokens)
في هذا المعسكر ستتلقى أكثر من 30 ساعة من المحتوى التعليمي التفاعلي المباشر عالي الجودة عبر الانترنت، وستتعلم وتطبق بناء أنظمة التصميم بمنهجية التصميم الذرّي (Atomic Design)، وإدارة الرموز التصميمية (Design Tokens) وتوثيق النظام وربطه بالكود.
duration
4 weeks
hours
30 ساعة



معسكرات المسار التعليمي
اختر المعسكر لعرض تفاصيله • 6 معسكرات شاملة
1
2
3
4
5
6
معسكر تجربة المستخدم التفاعلي (UX)
4 weeks • 30 ساعة
معسكر تصميم واجهة المستخدم (UI)
3 أسابيع • 20 ساعة
معسكر أنظمة التصميم (Design Systems & Tokens)
4 weeks • 30 ساعة
معسكر تدقيق واختبارات تجربة المستخدم (UX Audit)
4 weeks • 30 ساعة
معسكر الذكاء الاصطناعي لباحثي تجربة المستخدم
3 اسابيع • 20 ساعة
معسكر الذكاء الاصطناعي لمصممي المنتجات الرقمية
3 أسابيع • 20 ساعة
3 من 6 معسكرات مكتملة (50%)
تقدمك في المسار
حول هذا المعسكر
ستنتقل من بناء مكونات متفرقة إلى تصميم نظام متكامل يضمن الاتساق عبر كل شاشة، ومن قرارات تصميمية يصعب تفسيرها إلى Design Tokens موثقة تتحدث نفس لغة المطورين. هذا المعسكر لا يعلّمك كيف تستخدم فيجما فحسب، بل يعلّمك كيف تفكر في التصميم كنظام حي قابل للتوسع والصيانة، ويخرجك بنظام تصميم حقيقي جاهز للتسليم.
بعد المعسكر، ستكون قادرًا على:
- فهم الفرق بين Design System وStyle Guide وUI Kit واختيار ما يناسب مشروعك.
- بناء مكونات منهجية باستخدام Atomic Design من أبسط العناصر إلى أكثرها تعقيداً.
- إنشاء مكونات ديناميكية باستخدام Auto Layout والـ Variants والـ States.
- بناء Design Tokens موثقة وربطها بمكوناتك داخل فيجما.
- إنشاء الـ Dark Mode والـ Light Mode بشكل منهجي.
- توثيق نظام التصميم وتسليمه للمطورين باحترافية.
- تصدير متغيرات فيجما إلى JSON وتحويلها إلى CSS جاهز للتطوير.
هذا المعسكر مناسب لك إذا كانت:
- مصمم واجهات لديه خبرة وتريد الارتقاء بعملك من تصميم شاشات إلى بناء أنظمة.
- مصمم يعمل ضمن فريق ويعاني من عدم الاتساق بين المكونات والشاشات.
- مصمم يريد التحدث بنفس لغة المطورين وتسليم عمله باحترافية.
- مدير تصميم أو قائد فريق يريد بناء نظام تصميم موحد لمنتجه.
- لأي شخص يرى في نفسه القدرة على الالتزام والمثابرة لتعلم مهارات جديدة.
الأدوات التي ستحتاجها خلال المعسكر:
- توفر جهاز كمبيوتر أو حاسوب محمول مع اتصال مستقر بالإنترنت.
- حساب مجاني على Figma (وسنرشدك خطوة بخطوة لإعداده عند الحاجة).
- تثبيت تطبيق Zoom وإنشاء حساب عليه لحضور الجلسات المباشرة والتفاعلية
المنهج التعليمي
ما ستتعلمه في هذا المعسكر
رحلتك التعليمية – خطوة بخطوة
نحن نؤمن بأن التعلم الفعّال يبدأ بخطوات واضحة ومدروسة. في هذه الدورة، ستنطلق في رحلة تعليمية موجهة، تبدأ من الأساسيات وتنتقل بك تدريجيًا نحو الاحتراف. كل مرحلة مصممة بعناية لتبني مهاراتك بثقة وتمنحك فهماً عملياً يمكنك تطبيقه مباشرة في مشاريع واقعية.
منهجية التصميم الذري (Atomic Design) ومستوياتها.
How to plan and analyze component levels.
فهم حالات المكونات (States & Variants)
Interactive hands-on activity: Use Figma Auto Layout and Properties to create dynamic components.
Interactive hands-on activity: Create a Button using Variables and Auto Layout.
Interactive practical activity: building complex components (Molecules & Organisms).
ما هي الرموز التصميمية (Design Tokens) ولماذا هي مهمة؟
الفرق بين الرموز التصميمية (Design Tokens) ومتغيرات فيجما (Figma Variables).
أنواع الرموز التصميمية الـ (Design Tokens) واستراتيجيات التسمية.
استراتيجيات تخطيط وبناء الرموز التصميمية (Design Tokens).
تنظيم وربط المكونات بالـ Design Tokens داخل Figma
إنشاء (Dark Mode & Light Mode)
Why is documentation important? And how to create it in practical ways.
أفضل الأدوات لمرحلة التسليم للمطورين (Handoff).
صيانة نظام التصميم (Design System): مجالاتها وأهميتها
Governance (Governance): Models and best practices for managing change.
تصدير متغيرات فيجما إلى JSON ومعاينة الكود
أدوات التصدير والتحويل (Style Dictionary )
تحويل JSON إلى CSS وربطه بالمشروع
إعداد مكتبة المتغيرات (Variables) في فيجما للتصدير
الـ Workflow الكامل: من فيجما إلى التطوير
Leave your review
Graduates' opinions
It was an amazing and inspiring experience by all standards. I had the opportunity to learn practical and interactive skills in user experience design through workshops and practical projects. Engineer Mohammed Al-Aref is highly experienced and supportive
مستمر. قدم المعرفة بشكل واضح ومنهجي، ووفر لي ولفريقي ردود فعل فورية وتوجيهات قيمة لتطوير مهاراتنا. استفدت بشكل كبير من التعليقات البناءة والنصائح العملية التي تلقيتها منهم.
كما قدرت كثيرًا التفاعل مع باقي المشاركين في الدورة. كانت هناك فرصة لمشاركة الأفكار والتعاون في مشاريع حقيقية، مما ساهم في توسيع شبكة تواصلي المهنية وتبادل المعرفة.
An experience that I benefited a lot from and made me go a long way in designing the user experience, especially since I am still a beginner in the field. One of the most important reasons that made me benefit greatly is the way the lessons are explained
Theoretical and then practical application in the same session, great thanks to Professor Muhammad Al-Arif, Professor Mahmoud Fikry, and all those in charge of the camp




