


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


حول هذا المعسكر
ابدأ رحلتك في عالم تصميم أنظمة التصميم من خلال معسكر تدريبي مصمم خصيصاً لبناء خبرتك من الصفر.
استفد من أكثر من 36 ساعة من التدريب المكثف والتفاعلي عبر الإنترنت، واكتسب مهارات بناء وتصميم وإدارة أنظمة تصميم مرنة قابلة للتطوير والتوسع، مع التركيز على أقوى، وادخل سوق العمل بمهارات مطلوبه بشدة في وقتنا الحاضر وفي المستقبل.
ماذا ستتعلم في هذا المعسكر؟
كيفية بناء وتصميم وإدارة أنظمة تصميم مرنة قابلة للتطوير والتوسع، مع التركيز على أقوى محتوى في الشرق الأوسط حول Design Tokens & Variables لإنشاء أنظمة تصميم احترافية.
التطبيق العملي الجاد المكثف في تصميم واجهة المستخدم وبناء نظام التصميم والمكونات والتعامل مع مبادئ التصميم وربطها ببعضها البعض.
تطبيق ما تعلمته نظرياً في بيئة عمل تحاكي الواقع، والتطبيق على مشاريع حقيقية.
استخدام أحدث الأدوات والتقنيات لبناء Design Systems فعّالة، مع التركيز على Variables والمكونات القابلة لإعادة الاستخدام والتطوير المستمر.
مهارات متخصصة مطلوبة بشدة في سوق العمل للأدوار المتقدمة مثل Design Systems Lead وSenior UI Designer، مع بناء خبرة عملية حقيقية في مجال أنظمة التصميم المتطورة.
بناء محفظة أعمال احترافية، إعداد دراسة الحالة، كتابة سيرة ذاتية مميزة، واستراتيجيات البحث عن الوظائف والتحضير للمقابلات.
لمن هذا المعسكر؟
المتحمسون للتعلم :
أي شخص يتمتع بالالتزام والمثابرة ولديه شغف لتعلم مهارات تقنية جديدة :
خريجو الجامعات :
من جميع التخصصات الراغبين في بناء مسيرة مهنية في تصميم تجربة المستخدم :
طلاب الجامعات :
من مختلف التخصصات الذين يسعون لتطوير مهاراتهم في مجال التصميم الرقمي :
أي شخص :
من داخل أو خارج المجال التقني ويريد أن يدخل لمجال تصميم تجربة المستخدم أو إدارة المنتجات الرقمية :
المهنيون الراغبون في التطوير :
مديرو المنتجات، ومحللو البيانات، ومديرو المشاريع، والمسوقون الرقميون، ومختصو المبيعات الذين يريدون إضافة مهارات تصميم تجربة المستخدم إلى خبراتهم المهنية :
دليلك الشامل لدخول عالم تصميم تجربة المستخدم
مسارك التعليمي خلال المعسكر
رحلتك التعليمية - خطوة بخطوة نحو الاتقان
التعلم الفعّال يحتاج إلى خطة واضحة ومدروسة. لذلك صممنا رحلة تعليمية متدرجة تبدأ معك من الأساسيات وتنتقل بك نحو الإتقان والاحتراف.
كل مرحلة مصممة بعناية لبناء مهاراتك بثقة ومنحك فهماً عملياً قابلاً للتطبيق في مشاريع واقعية من اليوم الأول.
المرحلة الأول
ىأسس أنظمة التصميم والرموز التصميمية (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)
المرحلة الثانية
أساسيات نظام التصميم: المكونات والرموز التصميمية (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
المرحلة الرابعة
من التصميم إلى التطوير (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)
المرحلة الخامسة
الخاتمة والمرحلة النهائية
- مراجعة المهام والتطبيقات العملية للطلبة المشاركة
- إجابة الاسئلة والاستفسارات
- مشروع التخرج
- دراسة الحالة
- مناقشة مشروع التخرج مع الخبراء
خبراؤكم في هذه الرحلة التعليمية
محمد العارف
مدير تجربة المستخدم وخبير انظمة التصميم
أمتلك أكثر من 20 عامًا من الخبرة في تصميم تجارب رقمية عملية وممتعة، وأتميز بمجموعة فريدة من المهارات تشمل: استراتيجية التصميم، وأبحاث المستخدم، وهيكلة المعلومات، واستراتيجية المحتوى، وتصميم واجهات الاستخدام، واختبار القابلية للاستخدام. أقود العملاء وفرق العمل من الغموض إلى الوضوح من خلال وضع رؤية واضحة تجمع بين احتياجات المستخدم، وأهداف العمل، والمتطلبات التقنية.
آراء خريجينا
اترك مراجعتك
آراء الخريجين
بصراحة المعسكر كان تجربة مميزة جدًا بالنسبة لي، وحبيت أحكي التجربة من أولها. الموضوع بدأ لما أخويا المهندس عبدالرحمن قال لي أتابع صفحة كراديس وكل الدورات والمعسكرات اللي بتنزل، واستفاد
منها. ولما نزل إعلان البشمهندس محمد العارف عن المعسكر، أخويا بعته لي وقال لي أقدمي. الحمد لله اتقبلت، وكنت فرحانة جدًا بقبولي في المنحة.
بدأت رحلتي مع كراديس وكنت داخلة بهدف أساسي هو تحسين مهاراتي في الـ UI اللي عندي فيها خلفية بسيطة، لكن اكتشفت إن المعسكر بيشمل كمان الـ UX، اللي مكنتش أعرف عنه أي حاجة. البشمهندس محمد العارف كان بيشرح الـ UX بطريقة خرافية جدًا، وخلاني أفهم الموضوع بشكل عميق، وبدأت أطبق عمليًا في شغل أخويا. أخويا كان مبسوط جدًا بالمعلومات اللي اكتسبتها والنتائج اللي حققتها في الـ UX، ودخلت بعد كده على الـ UI اللي أنا مستمتعة جدًا بيه.
المعسكر بجد رائع، واللي بيخليه مختلف هو إن البشمهندس محمد العارف مش بس بيشرح، لكنه كمان هدفه إنه يطلع مصممين فاهمين الفكرة والقوانين، وموهوبين وحابين اللي بيعملوه. كمان بيراعي اختلاف مستوى الناس، سواء عندهم فكرة عن الموضوع أو لأ، وبيجاوب على كل أسئلتنا بكل رحابة صدر.
في الآخر، بشكر البشمهندس محمد العارف من كل قلبي على الفرصة العظيمة دي. وأتمنى أخرج من المعسكر وأنا محققة أحلامي وأهدافي، وأكون عند حسن ظنهم، وأكون واحدة من اللي هيتوظفوا عن طريق كراديس.
تجربة خرافية مش هتتكرر!
معسكر كراديس أكثر من رائع!
لطالما حضرت دورات متنوعة في مجال تجربة المستخدم لمحاضرين عرب أو أجانب ودائما ما كانت تفتقر للجانب العملي "الواقعي"، وهذا أكثر ما يميز كراديس بالنسبة لي.
أصبحت الآن أعرف متى/لماذا سأفعل طريقة بحث معينة أو خطوة معينة، بدلا من حفظ تسلسل أحداث يجب أن يُفعل في أي مشروع وفقط.
أحب أن أشكر بشمهندس محمد العارف على طريقة شرحه المميزة والذكية التي جعلتنا نفهم السبب وراء الأشياء قبل كيفية فعلها.
كما أشكر بشمهندس عمر على دعمه وتشجيعه المستمر لنا.
ممتنة بشدة للفرصة التي اتيحت لي بحضور مثل هذا المعسكر ومتشوقة بشدة لما هو في قادم.
لطالما حضرت دورات متنوعة في مجال تجربة المستخدم لمحاضرين عرب أو أجانب ودائما ما كانت تفتقر للجانب العملي "الواقعي"، وهذا أكثر ما يميز كراديس بالنسبة لي.
أصبحت الآن أعرف متى/لماذا سأفعل طريقة بحث معينة أو خطوة معينة، بدلا من حفظ تسلسل أحداث يجب أن يُفعل في أي مشروع وفقط.
أحب أن أشكر بشمهندس محمد العارف على طريقة شرحه المميزة والذكية التي جعلتنا نفهم السبب وراء الأشياء قبل كيفية فعلها.
كما أشكر بشمهندس عمر على دعمه وتشجيعه المستمر لنا.
ممتنة بشدة للفرصة التي اتيحت لي بحضور مثل هذا المعسكر ومتشوقة بشدة لما هو في قادم.
تجربتي في معسكر كراديس كانت فريدة ومثرية، ومختلفة تمامًا عن أي تجربة سابقة لي في تعلم تصميم تجربة المستخدم. طريقة الشرح كانت استثنائية، حيث اعتمدت على أمثلة واقعية وسلسة جعلت المفاهيم المعقدة تبدو بسيطة وممتعة. كل مرحلة في المعسكر كانت منظمة ومبنية بأسلوب عملي ووافٍ يساعد على الفهم والتطبيق.
أكثر ما أعجبني هو أن المعسكر ركز على أسس علمية ومبادئ واضحة، مع تطبيق مباشر وفعّال لهذه المبادئ. الإجابات على تساؤلاتي كانت تتضح مع كل خطوة، مما أشعرني برضا تام عن النتائج التي حققتها.
التجربة أضافت لي الكثير من خلال العمل الحقيقي والتطبيق العملي، وكانت فرصة عظيمة لاستكشاف مجالات أحبها والتعرف على طرق جديدة للتعامل مع التحديات اليومية. العمل الجماعي أضاف بعدًا آخر للتجربة، حيث تعلمت أهمية اختلاف الآراء وكيف يثري ذلك عملية التعلم ويزيد من الإبداع.
الأجمل كان رؤية الأفكار تتحول إلى نتائج ملموسة على أرض الواقع. ولا يمكنني أن أتجاوز دون الإشارة إلى فضل أستاذ محمد العارف، الذي كان داعمًا ومرشدًا طوال الرحلة، وجعل تجربتنا أكثر وضوحًا وثراءً. بكل بساطة، كانت تجربة ممتعة، خفيفة، ومليئة بالتعاون، وتركت أثرًا عميقًا في طريقة تعاملي مع تصميم تجربة المستخدم.
أكثر ما أعجبني هو أن المعسكر ركز على أسس علمية ومبادئ واضحة، مع تطبيق مباشر وفعّال لهذه المبادئ. الإجابات على تساؤلاتي كانت تتضح مع كل خطوة، مما أشعرني برضا تام عن النتائج التي حققتها.
التجربة أضافت لي الكثير من خلال العمل الحقيقي والتطبيق العملي، وكانت فرصة عظيمة لاستكشاف مجالات أحبها والتعرف على طرق جديدة للتعامل مع التحديات اليومية. العمل الجماعي أضاف بعدًا آخر للتجربة، حيث تعلمت أهمية اختلاف الآراء وكيف يثري ذلك عملية التعلم ويزيد من الإبداع.
الأجمل كان رؤية الأفكار تتحول إلى نتائج ملموسة على أرض الواقع. ولا يمكنني أن أتجاوز دون الإشارة إلى فضل أستاذ محمد العارف، الذي كان داعمًا ومرشدًا طوال الرحلة، وجعل تجربتنا أكثر وضوحًا وثراءً. بكل بساطة، كانت تجربة ممتعة، خفيفة، ومليئة بالتعاون، وتركت أثرًا عميقًا في طريقة تعاملي مع تصميم تجربة المستخدم.
هذا المعسكر نقطة تحول بالنسبالي، على صعيدي الشخصي وكشخص يحب يشتغل كتيم من باب انه تجربة المستخدم مع فريق مثمرة على صعيد الشغل وعلى الصعيد الشخصي. بحب كيف المعسكر جامع خبرات أشخاص مختلفة وفي كل الأحوال كلنا مستفيدين سواء مبتدئ أو حتى ذو خلفية. مادة الشرح ٨٠٪ عملية أي احنا اشتغلنا بواقع ساعات دوام + شاركنا أفكارنا مع بعض كتيم + المعلومة مبينة على شغل حقيقي وبيانات مستخدمين حقيقين + التحسين لتطبيق متوفر في السوق السعودي تحديدا ومو بناء تطبيق من الصفر يثبت فكرة الواقعية أكثر موائمة برضو مع السوق، اهتمام المعسكر إننا نطلع للسوق جاهزين من كل الجوانب cv,مقابلات عمل.. هذا يدل على تكامل المعسكر.
خريجينا
+100 قصة توظيف ونجاح مهني انطلقت من معسكراتنا
كبرى شركات المنطقة يثقون في خريجينا
أفضل شركات المنطقة التي توظف خريجينا
نفتخر بأن خريجينا ينضمون إلى صفوف أفضل الشركات في المنطقة، حيث تُقدّر مهاراتهم وتفكيرهم الإبداعي. من خلال تدريب عملي ومناهج مواكبة لسوق العمل، نهيئ طلابنا للنجاح المهني منذ اليوم الأول.
الأسئلة الشائعة
الأسئلة التي تدور ببالك؟ إليك ردودها
هل أحتاج خبرة مسبقة في تصميم تجربة المستخدم للاشتراك في المعسكر؟
لا، المعسكر مصمم لجميع المستويات. نبدأ من الأساسيات ونتدرج معك خطوة بخطوة، سواء كنت مبتدئاً تماماً أم لديك خبرة بسيطة تريد تطويرها.
كم هي مدة المعسكر وما هو الجدول الزمني؟
هل سأحصل على وظيفة بعد إتمام المعسكر؟
نركز على تأهيلك بالمهارات العملية المطلوبة في سوق العمل وبناء بورتفوليو قوي. نرشح المتميزين لكبرى الشركات، وقد حقق خريجونا نسب توظيف ممتازة، لكن النجاح النهائي يعتمد على التزامك وتطبيقك للمهارات.
ما الذي يميز هذا المعسكر عن الدورات الأخرى؟ما الذي يميز هذا المعسكر عن الدورات الأخرى؟
نقدم تجربة عملية متكاملة مع مشاريع حقيقية، فرق عمل متنوعة، وإشراف مباشر من خبراء لأكثر من 20 عام. ستعمل على مشروع حقيقي من البداية للنهاية، مما يضيف خبرة عملية فعلية لسيرتك الذاتية.
هل سأحصول على شهادة معتمدة؟
نعم، ستحصل على شهادة معتمدة من كراديس بعد إتمام جميع متطلبات المعسكر بنجاح، بالإضافة إلى بورتفوليو احترافي ودراسة حالة شاملة لمشروعك.
كم الوقت المطلوب للدراسة أسبوعياً؟
تحتاج حوالي 15 ساعة أسبوعياً للحصول على أقصى استفادة: 6 ساعات للجلسات المباشرة + 9 ساعات للواجبات والمشاريع والمراجعة. هذا الاستثمار في الوقت ضروري لإتقان المهارات العملية.
ما هي تكلفة المعسكر وما هي خيارات الدفع المتاحة؟
تختلف التكلفة حسب الباقة المختارة ونوفر خيارات دفع مرنة تشمل الدفع الكامل مقدماً أو التقسيط على دفعات. للمزيد من التفاصيل تواصل مع فريق المبيعات مباشرة.










