معسكر أنظمة التصميم (Design Systems & Design Tokens)

في هذا المعسكر ستتلقى أكثر من 30 ساعة من المحتوى التعليمي التفاعلي المباشر عالي الجودة عبر الانترنت، وستتعلم وتطبق بناء أنظمة التصميم بمنهجية التصميم الذرّي (Atomic Design)، وإدارة الرموز التصميمية (Design Tokens) وتوثيق النظام وربطه بالكود.

المدة

4 أسابيع

السعر

4995ر.س

سجل الآن

حول هذا المعسكر

ستنتقل من بناء مكونات متفرقة إلى تصميم نظام متكامل يضمن الاتساق عبر كل شاشة، ومن قرارات تصميمية يصعب تفسيرها إلى Design Tokens موثقة تتحدث نفس لغة المطورين. هذا المعسكر لا يعلّمك كيف تستخدم فيجما فحسب، بل يعلّمك كيف تفكر في التصميم كنظام حي قابل للتوسع والصيانة، ويخرجك بنظام تصميم حقيقي جاهز للتسليم.

ماذا ستتعلم في هذه المنحة؟

فهم الفرق بين Design System وStyle Guide وUI Kit واختيار ما يناسب مشروعك.
بناء مكونات منهجية باستخدام Atomic Design من أبسط العناصر إلى أكثرها تعقيداً.
إنشاء مكونات ديناميكية باستخدام Auto Layout والـ Variants والـ States.
بناء Design Tokens موثقة وربطها بمكوناتك داخل فيجما.
إنشاء الـ Dark Mode والـ Light Mode بشكل منهجي.
توثيق نظام التصميم وتسليمه للمطورين باحترافية.
تصدير متغيرات فيجما إلى JSON وتحويلها إلى CSS جاهز للتطوير.

لمن هذه المعسكر؟

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

الأدوات التي ستحتاجها خلال المعسكر:

توفر جهاز كمبيوتر أو حاسوب محمول مع اتصال مستقر بالإنترنت.
حساب مجاني على Figma (وسنرشدك خطوة بخطوة لإعداده عند الحاجة).
تثبيت تطبيق Zoom وإنشاء حساب عليه لحضور الجلسات المباشرة والتفاعلية

دليلك الشامل لدخول عالم تصميم تجربة المستخدم

مسارك التعليمي خلال المعسكر

رحلتك التعليمية - خطوة بخطوة نحو الاتقان

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

ما هو نظام التصميم؟ولماذا هو مهم؟

UI Kit و Style Guide و Design System والفرق بينهم

عناصر النظام الأساسية.

كيف تبدأ ببناء نظام تصميم؟

منهجية التصميم الذري (Atomic Design) ومستوياتها.

كيفية التخطيط وتحليل مستويات المكونات.

فهم حالات المكونات (States & Variants)

نشاط عملي تفاعلي: استخدام Figma Auto Layout و Properties لإنشاء مكونات ديناميكية.

نشاط عملي تفاعلي: إنشاء زر Button باستخدام Variables و Auto Layout.

نشاط عملي تفاعلي: بناء مكونات معقدة (Molecules & Organisms).

ما هي الرموز التصميمية (Design Tokens) ولماذا هي مهمة؟

الفرق بين الرموز التصميمية (Design Tokens) ومتغيرات فيجما (Figma Variables).

أنواع الرموز التصميمية الـ (Design Tokens) واستراتيجيات التسمية.

استراتيجيات تخطيط وبناء الرموز التصميمية (Design Tokens).

تنظيم وربط المكونات بالـ Design Tokens داخل Figma

إنشاء (Dark Mode & Light Mode)

لماذا التوثيق مهم؟ وكيفية إنشائه بطرق عملية.

أفضل الأدوات لمرحلة التسليم للمطورين (Handoff).

صيانة نظام التصميم (Design System): مجالاتها وأهميتها

الحوكمة (Governance): النماذج وأفضل الممارسات لإدارة التغييرات.

تصدير متغيرات فيجما إلى JSON ومعاينة الكود

أدوات التصدير والتحويل (Style Dictionary )

تحويل JSON إلى CSS وربطه بالمشروع

إعداد مكتبة المتغيرات (Variables) في فيجما للتصدير

الـ Workflow الكامل: من فيجما إلى التطوير

خبراؤكم في هذه الرحلة التعليمية

محمد العارف

مدير تجربة المستخدم وخبير أنظمة التصميم

لديّ خبرة تزيد على 20 عاماً في تصميم تجارب رقمية عملية ومؤثرة، تمتد عبر: استراتيجية التصميم، أبحاث المستخدم، هيكلة المعلومات، استراتيجية المحتوى، تصميم واجهات الاستخدام، واختبار القابلية للاستخدام. أعمل مع العملاء وفرق التصميم على بناء رؤية واضحة توازن بين احتياجات المستخدم، أهداف العمل، والمتطلبات التقنية.

اترك مراجعتك

آراء الخريجين

نواف فوزي الزنبقي

البلد : السعودية

26 يناير, 2025

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

خالد ناصر

البلد : مصر

23 يوليو, 2024

في عالم يحيط به التشتت كثرة المحتوي وتضيع المجهود ف اتجاه خاطئ زي التصميم كان تصحيح المسار ليا هي كراديس ببساطة وفرت لنا البيئة التعليمية اللي تساعدنا علي اننا نخطأ

غيث محمود عفانة

البلد : السعودية

15 يونيو, 2026

افضل من رائع، خلصت كل معسكرات كراديس تقريبا. ولكن لو تعملوا معسكر تجربة عميل CX بكون جدا جميل ويفتح افاق للناس لانه من المجالات الرائدة بالسوق السعودي

خريجينا

+100 قصة توظيف ونجاح مهني انطلقت من معسكراتنا

كبرى شركات المنطقة يثقون في خريجينا

أفضل شركات المنطقة التي توظف خريجينا

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

الأسئلة الشائعة

الأسئلة التي تدور ببالك؟ إليك ردودها

هل أحتاج خبرة مسبقة ؟

لا، هذا معسكر تأسيسي مصمم خصيصاً للمبتدئين! نبدأ من الأساسيات ونتدرج معك خطوة بخطوة.

كم هي مدة المعسكر وما هو الجدول الزمني؟

المعسكر يستمر لمدة 4 أسابيع بواقع أكثر من 32 ساعة من المحتوى التعليمي المباشر وورش العمل التفاعلية. الجلسات تُعقد عن بُعد مما يتيح لك المشاركة من أي مكان في العالم، مع تسجيلات متاحة للمراجعة.

هل سأحصل على وظيفة بعد إتمام المعسكر؟

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

ما الذي يميز هذا المعسكر عن الدورات الأخرى؟

هل يمكنني الحصول على شهادة معتمدة؟

نعم، ستحصل على شهادة معتمدة من كراديس بعد إتمام جميع متطلبات المعسكر، بالإضافة إلى مشاريع عملية تضيفها لبورتفوليوك المهني.

كم الوقت المطلوب للدراسة أسبوعياً؟

كونه معسكر تأسيسي، ستحتاج حوالي 12-15 ساعة أسبوعياً تشمل الجلسات المباشرة، الواجبات العملية، والمشاريع التطبيقية. هذا الاستثمار في الوقت ضروري لبناء أساس قوي في تصميم واجهات المستخدم.

ما هي تكلفة المعسكر وما هي خيارات الدفع المتاحة؟

تكلفة معسكر أنظمة التصميم (Design Systems & Design Tokens) الحالية 4995 ريال سعودي ونوفر خيارات دفع مرنة تشمل الدفع الكامل مقدماً أو التقسيط على دفعات. للمزيد من التفاصيل تواصل مع فريق المبيعات مباشرة.