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

تعلّم كيفية استخدام Design Tokens لتصميم منتجات متسقة وقابلة للتطوير، باستخدام أحدث إمكانيات Figma.

المدة

4 أسابيع

عدد الساعات

70 ساعة

cradis-design-tokens-design-scholarship-using-figma-variables
حول هذا المنحة

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

بعد المعسكر ستتمكن من:

  • كيفية بناء وتصميم وإدارة أنظمة تصميم مرنة قابلة للتطوير والتوسع، مع التركيز على أقوى محتوى في الشرق الأوسط حول Design Tokens & Variables لإنشاء أنظمة تصميم احترافية. 
  • التطبيق العملي الجاد المكثف في تصميم واجهة المستخدم وبناء نظام التصميم والمكونات والتعامل مع مبادئ التصميم وربطها ببعضها البعض. 
  • تطبيق ما تعلمته نظرياً في بيئة عمل تحاكي الواقع، والتطبيق على مشاريع حقيقية. 
  • استخدام أحدث الأدوات والتقنيات لبناء Design Systems فعّالة، مع التركيز على Variables والمكونات القابلة لإعادة الاستخدام والتطوير المستمر. 
  • مهارات متخصصة مطلوبة بشدة في سوق العمل للأدوار المتقدمة مثل Design Systems Lead وSenior UI Designer، مع بناء خبرة عملية حقيقية في مجال أنظمة التصميم المتطورة. 
  • بناء محفظة أعمال احترافية، إعداد دراسة الحالة، كتابة سيرة ذاتية مميزة، واستراتيجيات البحث عن الوظائف والتحضير للمقابلات.

لا توجد بيانات للجمهور المستهدف

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

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

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

30 ديسمبر, 2025

استفدت كثيرًا من المعسكر. في البداية، كنت متوجسة أن تكون الدورة مجرد حشو معلوماتي، خاصةً مع ضيق وقتي. لكن ما وجدته كان مختلفًا تمامًا — دورة مجتمعية ثرية، لا تركز
سندس جميل
سندس جميل
البلد : الاردن

28 ديسمبر, 2025

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

25 يناير, 2025

المعسكر مميز وأكثر ما يميزه بشمهندس محمد العارف انه انسان خلوق قبل ما يكون مدرب لينا , بالاضافة ان المادة العلمية مميزة ومختلفة عن باقى الكورسات , واهتمامكم بكل متدرب

15%

15% مقاعد مدعومة جزئيًا

يحصل المرشحون في هذه الشريحة على دعم مالي بنسبة تتراوح ما بين 75% إلى 95% حسب حالة المرشح.

40%

40% مقاعد برسوم مستردة

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

45%

45% مقاعد مجانية

يحصل المرشحون في هذه الشريحة على دعم مالي بنسبة 100% وتكون منحتهم مجانية بالكامل.
cradis-shape-39-1-zigzag-yellow.webp

التقديم على المنحة