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

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

duration

4 weeks

price

4995ر.س

سجل الآن

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

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

What will you learn in this scholarship?

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

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

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

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

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

Your comprehensive guide to entering the world of user experience design

Your educational path during the camp

Your educational journey - step by step towards mastery

Effective learning requires a clear and thoughtful plan. So we designed a gradual educational journey that starts with you from the basics and moves you towards mastery and professionalism. Each stage is carefully designed to build your skills with confidence and give you a practical understanding applicable to real-life projects from day one.

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

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

Basic system elements.

How do you start building a design system?

منهجية التصميم الذري (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 الكامل: من فيجما إلى التطوير

Your experts on this educational journey

Muhammad Al-Arif

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

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

Leave your review

Graduates' opinions

نادر الطلاع

Country: Palestine

15 June, 2026

أقسم بالله إنها من أفضل الخطوات اللي أخدتها بـ 2026.. في زمن الـ AI والوقت اللي الكل خايف فيه إنه يستبدل أو بيستخدم الذكاء الاصطناعي كمجرد أداة عابرة، إحنا عرفنا

Iman Abdel Razek

Country: Egypt

25 January, 2025

Honestly, the camp was a very special experience for me, and I wanted to tell the story from the beginning. The issue started when my brother, Engineer Abdel Rahman, told me to follow the Cradis page and all the courses and camps that are held, and I benefited

Majd Al-Hajj

Country: Lebanon

26 January, 2025

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

Graduates

+100 stories of employment and professional success that started from our camps

Major companies in the region trust our graduates

The best companies in the region that employ our graduates

We are proud that our graduates join the ranks of the best companies in the region, where their skills and creative thinking are valued. Through hands-on training and job market-friendly curricula, we prepare our students for professional success from day one.

FAQ

Got questions? Here are her answers.

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

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

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

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

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

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

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

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

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

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

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

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

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