معسكر تصميم Design Tokens باستخدام Figma Variables

ابنِ مستقبلك كمصمم واجهات مستخدم محترف خلال 4 أسابيع فقط! تعلم أسس التصميم المهني وقوانين UX/UI الأساسية من خلال مشاريع حقيقية وورش عمل عملية تضمن جاهزيتك للعمل فور التخرج.

المدة

8 أسابيع

السعر

7850 ريال سعودي

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

ابدأ رحلتك في عالم تصميم واجهات المستخدم (UI) من خلال معسكر تدريبي مصمم خصيصاً لبناء خبرتك من الصفر. استفد من أكثر من 36 ساعة من التدريب المكثف والتفاعلي عبر الإنترنت، واكتسب مهارات ومبادئ تصميم واجهات المستخدم الاحترافية, عن طريق التطبيق العملي باستخدام أدوات التصميم الاحترافية مشاريع حقيقية ومحاكاة سوق العمل

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

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

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

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

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

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

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

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

مقدمة عن رموز التصميم والمتغيرات (Design Tokens & Variables)

ما هو نظام التصميم (Design System)

المتغيرات مقابل رموز التصميم (Variables Vs Design Tokens)

لماذا يجب علينا استخدام رموز التصميم في أدوات التصميم (Design Tokens in Design Tools)

أفضل الأدوات لرموز التصميم (Design Tokens)

عملية رموز التصميم (Design Tokens Process)

تحديات ومزايا رموز التصميم (Design Tokens Challenges and Benefits)

أساسيات رموز التصميم (Design Tokens Essentials)

أفضل طريقة لتسمية لرموز التصميم (Tokens naming)

نشاط عملي: قصة رمز التصميم المكون للزر ( Component Token Story for a Button)

مثال متقدم لرموز المكونات (Component Tokens)

تصميم صفحة تسجيل الدخول

إنشاء مكون الزر (Button Component)

نشر نظام التصميم الخاص بك (Publish your Design System)

تصميم صفحة تسجيل الدخول ومكون الزر (Login page and Button Component)

واجهة متغيرات فيجما (Figma Variables Interface)

إنشاء رمز الخيار (Option Token)

تخطيط وإنشاء رمز الخيار (Option Tokens)

تخطيط رموز الأسماء المستعارة (Alias Tokens)

إنشاء رموز الأسماء المستعارة (Alias Tokens)

تحديد نطاق المتغيرات (Setting Variables Scope)

فهم مكون الزر (Button Component)

تخطيط رموز التصميم لمكون الزر المحدد (Button Component-Specific Tokens)

تخطيط وإنشاء رموز التصميم لمكون الزر المحدد (Button Component-Specific Tokens)

تخطيط وإنشاء وتطبيق رموز التصميم لمكون الزر المحدد (Component Specific Tokens for Button component)

واجهة وضع المطور (Dev Mode Interface)

تحديث فيجما: ترقيات المتغيرات في وضع المطور (Dev Mode)

مقدمة حول ملف المشروع (Project File)

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

معاينة كود JSON

تحويل كود JSON إلى CSS

ربط ملف متغيرات CSS بالمشروع

توثيق رموز الزر (Button Tokens Documentation)

تطبيق رموز الزر في CSS (Apply Buttons Tokens in CSS)

تنفيذ رموز الزر في الكود ( Button Tokens into the Code)

إنشاء الوضع الداكن (Dark Mode)

تصدير رموز الوضع الداكن إلى كود JSON

تحويل كود JSON في الوضع الداكن إلى CSS

تنفيذ الوضع الداكن في الكود (Dark Mode in Code)

إنشاء رموز علامة تجارية جديدة (New Brand Tokens)

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

تحويل كود JSON لعلامة تجارية جديدة إلى CSS

تنفيذ رموز التصميم لعلامة تجارية جديدة في الكود (New Brand in Code)

مزايا المصدر الموّحد للبيانات (SSOT)

إنشاء علامة تجارية جديدة (New Brand)

مراجعة المهام والتطبيقات العملية للطلبة المشاركة

إجابة الاسئلة والاستفسارات

مشروع التخرج

دراسة الحالة

مناقشة مشروع التخرج مع الخبراء

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

محمد العارف

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

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

متوسط التقييم: 5.0 بناءً على 3 تقييمات

اترك مراجعتك

5.0

( 3 مراجعات )

إيمان فؤاد عبدالحليم

البلد : مصر

29 ديسمبر, 2025

مش مجرد دوره با معسكر تدريبي اكتساب خبرات سواء من ناحيه التقنيه tokens &variables نقلوا شغلي لليفيل تاني وكذلك كيفيه العمل الجماعي واظهار الجانب في كل فرد والتعاون بين أفراد

شهد وليد النوه

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

29 ديسمبر, 2025

تجربتي في المعسكر كانت مخالفه لتوقعاتي رغم ترددي بالبدايه بسبب طبيعة التعلم عن بعد الا ان المعسكر اثبت ان التعلم عن بعد ممكن يكون فعال وممتع اذا كانت هناك خطه

سندس جميل

البلد : الاردن

28 ديسمبر, 2025

لما سجلت في المعسكر، كنت أتوقع أنني سأطوّر مهاراتي في الـ Systems وأتعلّم عن الـ Tokens، وكنت واثقة أن “كراديس” ستقدّم لي معرفة عملية قوية. لكن ما لم أكن أتوقعه

خريجينا

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

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

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

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

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

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

هل أحتاج خبرة مسبقة في تصميم واجهات المستخدم؟

نعم، هذا معسكر متقدم يتطلب معرفة أساسية بتصميم واجهات المستخدم UI/UX. يُفضل أن تكون لديك خبرة في استخدام أدوات التصميم مثل Figma أو Adobe XD، أو خلفية في تصميم المنتجات الرقمية.

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

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

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

المعسكر مصمم لتطوير مهاراتك المهنية في مجال أنظمة التصميم المتقدمة. ستكتسب مهارات عملية مطلوبة بشدة في سوق العمل، خاصة في الشركات التقنية الكبرى. نركز على تأهيلك للأدوار المتقدمة كـ Design Systems Lead أو Senior UI Designer.

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

نقدم أقوى محتوى في الشرق الأوسط حول Design Tokens & Variables. ستتعلم من خبراء بأكثر من 20 عام خبرة، وتعمل على مشاريع حقيقية لبناء أنظمة تصميم مرنة وقابلة للتطوير، مع التركيز على الجوانب التقنية المتقدمة.

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

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

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

كونه معسكر متقدم، ستحتاج وقت أكبر للاستفادة القصوى. نوصي بتخصيص حوالي 20-25 ساعة أسبوعياً تشمل الجلسات المباشرة، العمل على المشاريع، والتطبيق العملي لمفاهيم Design Systems المتقدمة.

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

تكلفة معسكر تصميم Design Tokens باستخدام Figma Variables الحالية 7850 ريال سعودي ونوفر خيارات دفع مرنة تشمل الدفع الكامل مقدماً أو التقسيط على دفعات. للمزيد من التفاصيل تواصل مع فريق المبيعات مباشرة.