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

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

المدة

8 أسابيع

السعر

7850 ريال سعودي

cradis-design-tokens-design-camp-using-figma-variables
حول هذا الدورة
ابدأ رحلتك في عالم تصميم واجهات المستخدم (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 عامًا من الخبرة في تصميم تجارب رقمية عملية وممتعة، وأتميز بمجموعة فريدة من المهارات تشمل: استراتيجية التصميم، وأبحاث المستخدم، وهيكلة المعلومات، واستراتيجية المحتوى، وتصميم واجهات الاستخدام، واختبار القابلية للاستخدام. أقود العملاء وفرق العمل من الغموض إلى الوضوح من خلال وضع رؤية واضحة تجمع بين احتياجات المستخدم، وأهداف العمل، والمتطلبات التقنية.
اترك مراجعتك
ريم الزغيبي
ريم الزغيبي
البلد : السعودية

25 يناير, 2025

دخلت معسكر كراديس وانا ماكان عندي غير خلفية بسيطة عن UX and UI وكنت احسبو زي اي دورة اخدتها قبل بالمجال دا ومن جد اتغيرت نظرتي عن تصميم تجربة
Default Avatar
صلاح السيد راشد
البلد : مصر

26 يناير, 2025

اولا الحمد لله رب العالمين علي قبولي في المعسكر بصراحة الواحد استفاد باكتر من حاجه في مجال تجربة المستخدم في كراديس استفدت اني بشتغل عملي في جميع مراحل تجربة المستخدم
أروى الزهراني
أروى الزهراني
البلد : السعودية

17 يوليو, 2024

رهييييب جداً وأشوفه فرصة ذهبية للي حاب يدخل المجال ، التنظيم والتعاون والجدية والإخلاص في العطاء رغم خبرتي في المجال والمنهج اللي درسته قبل لكن فرق كبيييير في الإخلاص وتقديم
هل أحتاج خبرة مسبقة في تصميم واجهات المستخدم؟
نعم، هذا معسكر متقدم يتطلب معرفة أساسية بتصميم واجهات المستخدم 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 ريال سعودي ونوفر خيارات دفع مرنة تشمل الدفع الكامل مقدماً أو التقسيط على دفعات. للمزيد من التفاصيل تواصل مع فريق المبيعات مباشرة.
cradis-shape-39-1-zigzag-yellow.webp
8b4efe12987b241773fc94af3bd34942

عدد المقاعد اكتمل في هذه الدفعة

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

التسجيل في قائمة الانتظار