معسكر تصميم 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
7,850 SAR



About this course
ابدأ رحلتك في عالم تصميم واجهات المستخدم (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.
Whose course is this?
- 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.
تصميم صفحة تسجيل الدخول
إنشاء مكون الزر (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
User Experience Manager and Design Systems Expert
I have over 20 years of experience designing hands-on and fun digital experiences, and have a unique set of skills that include: design strategy, user research, information structuring, content strategy, user interface design, and usability testing. Lead customers and teams from ambiguity to clarity by establishing a clear vision that combines user needs, business goals, and technical requirements.
Leave your review
Graduates' opinions
A great effort was made. May God bless all those in charge of the camp and reward them all, led by M.Muhammad, who did not fail to provide any information and a sophisticated and clear style in conveying the information, and the coordinators and their follow-up of the teams
Everything is special, thank you all.
معسكر رائع وفعلا قيم قائم على جهود مشتركة عظيمة وجبارة لإدارة وتعليم الطلاب عن بعد.
وهنا أعتبر نفسي حققت أهدافي وتطلعاتي (بل أكثر بكثير!) التي كنت آمل بتحقيقها عند تقديمي
على المعسكر، فكنت أفتقر لمشروع كامل وكنت كلما أريد بناء مشروع افتراضي أجد عقبات لتطبيق مفاهيم تجربة المستخدم وأظن من الصعب تطبيقها افتراضيا وقد حل المعسكر هذه المشكلة!
أشكر جزيل الشكر أستاذ محمد العارف وأستاذ محمود فكري على تعليمهم وتدريبهم ومشاركتهم خبراتهم العملية وطرح سيناريوهات وحلولها لما يحصل حقيقة في بيئة العمل وكم النصائح المتنوع طيلة المعسكر.
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 ريال سعودي ونوفر خيارات دفع مرنة تشمل الدفع الكامل مقدماً أو التقسيط على دفعات. للمزيد من التفاصيل تواصل مع فريق المبيعات مباشرة.










