Search
cradis-shape-31-circle-dot-red-lg
health-shape-33.png
health-shape-35.png
cradis-design-tokens-design-camp-using-figma-variables

Design Tokens Design Camp Using Figma Variables

Learn how to use Design Tokens to design consistent, scalable products, using Figma's latest capabilities.

duration

4 weeks

price

7,850 SAR

احجز الآن مقعدك
cradis-shape-31-circle-dot-green.webp
cradis-shape-02-spiner-red-circle.webp
حول هذا المعسكر
ابدأ رحلتك في عالم تصميم أنظمة التصميم من خلال معسكر تدريبي مصمم خصيصاً لبناء خبرتك من الصفر.
استفد من أكثر من 36 ساعة من التدريب المكثف والتفاعلي عبر الإنترنت، واكتسب مهارات بناء وتصميم وإدارة أنظمة تصميم مرنة قابلة للتطوير والتوسع، مع التركيز على أقوى، وادخل سوق العمل بمهارات مطلوبه بشدة في وقتنا الحاضر وفي المستقبل.
ماذا ستتعلم في هذا المعسكر؟
كيفية بناء وتصميم وإدارة أنظمة تصميم مرنة قابلة للتطوير والتوسع، مع التركيز على أقوى محتوى في الشرق الأوسط حول Design Tokens & Variables لإنشاء أنظمة تصميم احترافية.
التطبيق العملي الجاد المكثف في تصميم واجهة المستخدم وبناء نظام التصميم والمكونات والتعامل مع مبادئ التصميم وربطها ببعضها البعض.
تطبيق ما تعلمته نظرياً في بيئة عمل تحاكي الواقع، والتطبيق على مشاريع حقيقية.
استخدام أحدث الأدوات والتقنيات لبناء Design Systems فعّالة، مع التركيز على Variables والمكونات القابلة لإعادة الاستخدام والتطوير المستمر.
مهارات متخصصة مطلوبة بشدة في سوق العمل للأدوار المتقدمة مثل Design Systems Lead وSenior UI Designer، مع بناء خبرة عملية حقيقية في مجال أنظمة التصميم المتطورة.
Build a professional portfolio, prepare a case study, write a distinctive CV, job search strategies and prepare for interviews.
لمن هذا المعسكر؟
المتحمسون للتعلم : أي شخص يتمتع بالالتزام والمثابرة ولديه شغف لتعلم مهارات تقنية جديدة :
خريجو الجامعات : من جميع التخصصات الراغبين في بناء مسيرة مهنية في تصميم تجربة المستخدم :
طلاب الجامعات : من مختلف التخصصات الذين يسعون لتطوير مهاراتهم في مجال التصميم الرقمي :
أي شخص : من داخل أو خارج المجال التقني ويريد أن يدخل لمجال تصميم تجربة المستخدم أو إدارة المنتجات الرقمية :
المهنيون الراغبون في التطوير : مديرو المنتجات، ومحللو البيانات، ومديرو المشاريع، والمسوقون الرقميون، ومختصو المبيعات الذين يريدون إضافة مهارات تصميم تجربة المستخدم إلى خبراتهم المهنية :
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.
المرحلة الأول
ىأسس أنظمة التصميم والرموز التصميمية (Design Systems and Design Tokens)
  • مقدمة عن رموز التصميم والمتغيرات (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)
Stage Two
أساسيات نظام التصميم: المكونات والرموز التصميمية (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)
Stage three
إتقان الرموز التصميمية للمكونات المحددة
  • فهم مكون الزر (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
المرحلة الرابعة
من التصميم إلى التطوير (From Design to Development)
  • تحويل كود 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)
المرحلة الخامسة
الخاتمة والمرحلة النهائية
  • مراجعة المهام والتطبيقات العملية للطلبة المشاركة
  • إجابة الاسئلة والاستفسارات
  • مشروع التخرج
  • دراسة الحالة
  • مناقشة مشروع التخرج مع الخبراء
Your experts on this educational journey
Muhammad Al-Arif
مدير تجربة المستخدم وخبير أنظمة التصميم
لديّ خبرة تزيد على 20 عاماً في تصميم تجارب رقمية عملية ومؤثرة، تمتد عبر: استراتيجية التصميم، أبحاث المستخدم، هيكلة المعلومات، استراتيجية المحتوى، تصميم واجهات الاستخدام، واختبار القابلية للاستخدام. أعمل مع العملاء وفرق التصميم على بناء رؤية واضحة توازن بين احتياجات المستخدم، أهداف العمل، والمتطلبات التقنية.

آراء خريجينا

Leave your review

Graduates' opinions

محمود طارخان
Mahmoud Tarkhan
Country: Egypt

21 July, 2024

LinkedIn
I am a person with 7 years of experience. I liked the way the content was presented, the focus on the actual application, and that there was a project that was started from the beginning, and this is a very excellent thing and its impact on young people
سارة طارق محفوظ
سارة طارق محفوظ
Country: Egypt

27 December, 2025

LinkedIn
المعسكر ده خلاني أعيد تفكيري في أبسط الحاجات زي اللون والخط والمقاسات اتعلمت إزاي الـ Design Tokens مش بس بتوفر وقت، لكن كمان بتحافظ على الهوية، وبتسهل التعاون بين الـ designers
شروق احمد فهيم
Shorouk Ahmed Fahim
Country: Egypt

25 January, 2025

LinkedIn
The experience was very fruitful. I liked the style, the giving provided, and the explanation. Thank God, at first I was a little nervous because the pressure eased for 3 months, but thank God I felt that I was charging my energy and not getting tired
Cradis-Ghalia Nasser Al-Mubdal
Ghalia Nasser Al-Mubdal
Country: Saudi Arabia

15 Jul , 2024
linkedin
Frankly, I benefited a lot, even though I took many courses and worked in the field 3 years ago. I used to read articles, research, and learn, but like teaching codes, I did not happen, and I actually started advising beginners to register in
اسماء دسوقي محمد عبد الحليم
Country: Egypt

30 Dec , 2025
linkedin
من فترة بدأت رحلة كنت بحلم بيها…
أفهم الـ Design System والتوكنز بشكل فعلي، مش مجرد خطوات محفوظة.
ومع أول خطوة في كورس كراديس، حسيت إن في حاجة حقيقية بتتغيرفي تفكيري وترتيبي
سارة طارق محفوظ
Country: Egypt

27 Dec , 2025
linkedin
المعسكر ده خلاني أعيد تفكيري في أبسط الحاجات زي اللون والخط والمقاسات
اتعلمت إزاي الـ Design Tokens مش بس بتوفر وقت، لكن كمان بتحافظ على الهوية، وبتسهل التعاون بين الـ designers
View all opinions
Graduates

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

1724241170608-1.webp
Aisha Al Shehri
I successfully worked as a user experience designer for a company

Akwad

1739572967945.webp
Suhail Fatani
I successfully worked as a user experience designer for a company

Trustline

1745285788977.webp
Aya Abdel Ghani
I worked successfully as a product designer for a company


Provin

1732918516734.webp
Jarallah's share
I worked successfully as a product designer for a company

Netzero

123g5.webp
Ahmed Mahmoud
He worked successfully as a product designer in a company

GuestNaApp

1734431008895.webp
Samia Fahd
I worked successfully as a user experience researcher at a company

Akwad

Stories of our graduates
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.

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

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

كم هي مدة المعسكر وما هو الجدول الزمني؟
المعسكر يستمر  بواقع جلستين أسبوعياً، كل جلسة 3 ساعات تفاعلية مباشرة. الجلسات تُعقد مساءً بعد السابعة بتوقيت السعودية، مع تسجيلات متاحة مدى الحياة.
هل سأحصل على وظيفة بعد إتمام المعسكر؟
نركز على تأهيلك بالمهارات العملية المطلوبة في سوق العمل وبناء بورتفوليو قوي. نرشح المتميزين لكبرى الشركات، وقد حقق خريجونا نسب توظيف ممتازة، لكن النجاح النهائي يعتمد على التزامك وتطبيقك للمهارات.
ما الذي يميز هذا المعسكر عن الدورات الأخرى؟ما الذي يميز هذا المعسكر عن الدورات الأخرى؟

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

هل سأحصول على شهادة معتمدة؟
نعم، ستحصل على شهادة معتمدة من كراديس بعد إتمام جميع متطلبات المعسكر بنجاح، بالإضافة إلى بورتفوليو احترافي ودراسة حالة شاملة لمشروعك.
كم الوقت المطلوب للدراسة أسبوعياً؟
تحتاج حوالي 15 ساعة أسبوعياً للحصول على أقصى استفادة: 6 ساعات للجلسات المباشرة + 9 ساعات للواجبات والمشاريع والمراجعة. هذا الاستثمار في الوقت ضروري لإتقان المهارات العملية.
ما هي تكلفة المعسكر وما هي خيارات الدفع المتاحة؟
تختلف التكلفة حسب الباقة المختارة ونوفر خيارات دفع مرنة تشمل الدفع الكامل مقدماً أو التقسيط على دفعات. للمزيد من التفاصيل تواصل مع فريق المبيعات مباشرة.
cradis-shape-31-circle-dot-green.webp
cradis-shape-02-spiner-red-circle.webp
cradis-shape-39-1-zigzag-yellow.webp
cradis-hero
8b4efe12987b241773fc94af3bd34942

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

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

سجل الآن

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

  • اكتملت مقاعد هذه الدفعة، وسيتم فتح باب التسجيل في الدفعة القادمة قريباً. سجل الآن في قائمة الانتظار واحجز مقعدك في الدفعة القادمة.