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

cradis-design-tokens-design-camp-using-figma-variables
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 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
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
Default Avatar
Salah Al-Sayed Rashid
Country: Egypt

26 January, 2025

اولا الحمد لله رب العالمين علي قبولي في المعسكر بصراحة الواحد استفاد باكتر من حاجه في مجال تجربة المستخدم في كراديس استفدت اني بشتغل عملي في جميع مراحل تجربة المستخدم
احمد مصطفي
Ahmed Mustafa
Country: Saudi Arabia

17 July, 2024

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
رهام عيسى
Reham Issa
Country: Saudi Arabia

15 July, 2024

معسكر رائع وفعلا قيم قائم على جهود مشتركة عظيمة وجبارة لإدارة وتعليم الطلاب عن بعد. وهنا أعتبر نفسي حققت أهدافي وتطلعاتي (بل أكثر بكثير!) التي كنت آمل بتحقيقها عند تقديمي
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 ريال سعودي ونوفر خيارات دفع مرنة تشمل الدفع الكامل مقدماً أو التقسيط على دفعات. للمزيد من التفاصيل تواصل مع فريق المبيعات مباشرة.
cradis-shape-39-1-zigzag-yellow.webp
8b4efe12987b241773fc94af3bd34942

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

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

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