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

Build your future as a professional UI designer in just 4 weeks! Learn the foundations of professional design and the basic laws of UX/UI through real projects and practical workshops that ensure you are ready to work immediately after graduation.

duration

8 weeks

price

7850ر.س

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

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

What will you learn in this scholarship?

Learn the basic concepts and most important laws of UI design, understand the principles of planning and networking, and learn about the foundations of digital products to build a strong knowledge base.
Master the foundations of visual design, understand colors, fonts, and spacing, and learn how to create engaging, easy-to-use interactive experiences.
Master user research methods and understand user needs, apply the right design methodology, and learn how to analyze and solve user problems in a scientific manner.
Practical application of the Figma professional design tool, learn to create professional interfaces, and build interactive prototypes from start to finish.
Understand the field of user interface design and available professional opportunities, learn professional workflow, and learn the steps of an effective design process.
Work on real projects that mimic the actual work environment, build a professional portfolio that highlights your skills, and prepare to enter the job market with complete confidence.

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

Learning enthusiasts: Anyone who is committed, persistent, and has a passion for learning new technical skills
university graduates: From all disciplines who want to build a career in user experience design
College Students: From various disciplines seeking to develop their skills in the field of digital design
anyone: From within or outside the technical field and wants to enter the field of user experience design or digital product management
Professionals wishing to develop: Product managers, data analysts, project managers, digital marketers, and sales professionals who want to add user experience design skills to their professional expertise

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 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)

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

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

مشروع التخرج

دراسة الحالة

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

Your experts on this educational journey

Muhammad Al-Arif

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

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

آراء الطلاب

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

Leave your review

5.0

( 26 مراجعات )

راما عياش

Country: Lebanon

29 December, 2025

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

عبدالرزاق علي الزهراني

Country: Saudi Arabia

30 December, 2025

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

جمان زياد ابراهيم

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

27 December, 2025

ما كنت متخيّلة إنه في ناس عنجد عندهم هالصبر وطولة البال بالتعليم. مع إنه الكورس مش معمول للمبتدئ، بس فعلياً ببلّشوا معك من تحت الصفر، مش من الصفر! طريقة الشرح

Graduates

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

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.

Do I need prior experience in user interface design?

نعم، هذا معسكر متقدم يتطلب معرفة أساسية بتصميم واجهات المستخدم 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 ريال سعودي ونوفر خيارات دفع مرنة تشمل الدفع الكامل مقدماً أو التقسيط على دفعات. للمزيد من التفاصيل تواصل مع فريق المبيعات مباشرة.