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

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.

مقدمة عن رموز التصميم والمتغيرات (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

Graduates' opinions

Omar Ramez Mushtaha

Country: Saudi Arabia

26 January, 2025

One of the most beautiful experiences I went through every meeting was learning something new, and my passion for learning and benefiting increased continuously. We fell into some pre-prepared traps when performing tasks

Hind Ashour

Country: Egypt

15 July, 2024

I am very happy to join the camp and to have gained the knowledge in this course. This is of course in addition to the wonderful experience in working as an integrated team, thank God, and also God's great grace in

Nada Adel

Country: Egypt

15 July, 2024

Very excellent, the scientific material is useful and the practical application in the same lecture helped to consolidate the information. I wish the camp would extend for more than 3 months so that there would be more space

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