مجد الحاج
البلد : لبنان
26 يناير, 2025
دورة تصميم الـ Tokens باستخدام متغيرات Figma
المدة
غير محدد
السعر
10000 ريال سعودي
حول هذا الدورة
لا توجد مناهج متاحة لهذه الدورة
لا توجد بيانات للجمهور المستهدف
دليلك الشامل لدخول عالم تصميم تجربة المستخدم
مسارك التعليمي خلال المعسكر
رحلتك التعليمية - خطوة بخطوة نحو الاتقان
التعلم الفعّال يحتاج إلى خطة واضحة ومدروسة. لذلك صممنا رحلة تعليمية متدرجة تبدأ معك من الأساسيات وتنتقل بك نحو الإتقان والاحتراف.
كل مرحلة مصممة بعناية لبناء مهاراتك بثقة ومنحك فهماً عملياً قابلاً للتطبيق في مشاريع واقعية من اليوم الأول.
19- افتتاحية الحلقة وكيف تختار ما الذي تحتاجة figma variables او figma style
20-تطبيق عملي على figma variables في حالات مختلفة واستخدام tokens studio
21- التعرف على مستويات الـ Tokens
22- كيفية تسمية الـ tokens
23- تطبيق عملي على تسمية الـ tokens
24- تعليمات هامة اثناء التسمية naming structure
25- تطبيق على بعض التسميات المعقدة لـ tokens
26- تطبيق عملي على التسميات المعقدة
27- شرح التاسك المطلوب
28- فقرة الاسئلة الجزء الاول
29- فقرة الاسئلة الجزء الثاني
30- افتتاحية الحلقة و كيفية بناء الكارد
31- كيفية التخطيط لـ Option Tokens-Alias Tokens ، تجهيز الألوان الجزء الاول
32- كيفية التخطيط لـ Option Tokens-Alias Tokens ، جداول التخطيط الجزء الثاني
33-كيفية التخطيط لـ Option Tokens-Alias Tokens ، جداول التخطيط الجزء الثالث
34- كيفية التخطيط لـ Option Tokens-Alias Tokens ، جداول التخطيط الجزء الرابع
35- بناء ال Option Tokens
36- بناء ال Alias Tokens
37- كيفية ضبط ال scope
38- ربط الـ tokens بالعنصر
39- إنشاء الـ tokens الخاصة بـ Typography
40- فقرة الاسئلة الجزء الاول
41- فقرة الاسئلة الجزء الثاني
42- افتتاحية الحلقة وتعليقات على التاسك
43- كيفية توثيق Documentation
44 - شرح بعض التقييدات Limitations
45- كيفية تحويل الـ variables إلى كود
46- شرح Design-Dictionary Configurator
47- كيف يمكننا تحويل الـ variables لـ JSON Code
48- تحويل ملف ال JSON Code إلى ملف CSS
49- شرح التاسك المطلوب
50- كيف يتعامل المطور مع الملف الذي نقوم بتسليمه له
51- ماذا لو تم طلب تعديلات على التصميم ؟
52- شرح بعض التقييدات "Limitations" التي قد تواجهنا مع الـ variables الجزء الاول
53- شرح بعض التقييدات "Limitations" التي قد تواجهنا مع الـ variables الجزء الثاني
54- فقرة الأسئلة الجزء الاول
55- فقرة الأسئلة الجزء الثاني
56- افتتاحية الحلقة وتحديات التطبيق العملي
57- تحديات التطبيق العملي في الـ semantic الجزء الاول
58- تحديات التطبيق العملي في الـ semantic الجزء الثاني
59- تحديات التطبيق العملي في الـ semantic الجزء الثالث
60- اسئلة على جزء التطبيق السابق
61- التطبيق العملي للثلاث مستويات و specific tokens
62- التخطيط والربط لـ specific tokens الجزء الاول
63- التخطيط والربط لـ specific tokens الجزء الثاني
64- التخطيط والربط لـ specific tokens الجزء الثالث
65- فقرة الاسئلة الجزء الاول
66- فقرة الاسئلة الجزء الثاني
67- افتتاحية الحلقة ومراجعة التحديات الهامة في تاسك الـ semantic
68- حل تحديات تاسك الـ semantic الجزء الاول
69- حل تحديات تاسك الـ semantic الجزء الثاني
70- حل تحديات تاسك الـ semantic الجزء الثالث
71- التخطيط لـ card semantic للتاسك السابق
72- ربط الـ variables وتحويل الـ JSON Code لـ CSS الجزء الاول
73- ربط الـ variables وتحويل الـ JSON Code لـ CSS الجزء الثاني
74- انشاء الـ light mode و dark mode
75- تحويل كود الـ light mode و dark mode لـ CSS
76- فقرة الاسئلة الجزء الاول
77- فقرة الاسئلة الجزء الثاني
78- افتتاحية الحلقة وشرح لما سيتم تناوله
79- تخطيط جديد لـ Option Tokens وكيفية بنائه
80- بناء الـ Alias Tokens
81- بناء الـ Component specific Tokens
82- كيف يتم التخطيط لـ Multi themes الجزء الاول
83- كيف يتم التخطيط لـ Multi themes الجزء الثاني
84- بناء الـ variables الخاصة بالـ Component Collection
85- بناء الـ variables الخاصة بالـ Color Collection -Language Collection
86- بناء الـ Variables الخاصة بالـ Card الجزء الاول
87- بناء الـ Variables الخاصة بالـ Card الجزء الثاني
88- مرحلة ربط الـ variables بالـ component
89- ملاحظات مهمة عن ربط الصورة
90- بناء English mood & Arabic mood
91- بناء Light mood & Dark mood
92- تحويل الـ tokens في ملف فيجما لـ JSON code
93- حل بعض المشاكل التي قد تواجهنا في أثناء إنشاء الكود
94- طريقة مختلفة لتحويل الـ tokens إلى كود
95- التاسك و فقرة الأسئلة
96- افتتاحية الحلقة وحل تحديات تاسك الـ Themes
97- حل التحديات لتاسك الـ Themes الجزء الاول
98- حل التحديات لتاسك الـ Themes الجزء الثاني
99- كيفية تحويل ملف الـ JSON يدوي Tokens Set Manual
100- Tokens Studio
101- شرح تاسك اللايف سيشن
102- تصحيح تاسك اللايف سيشن الجزء الاول
103- تصحيح تاسك اللايف سيشن الجزء الثاني
104- تصحيح تاسك اللايف سيشن الجزء الثالث
105- فقرة الاسئلة
106- مقدمة وشرح كيفية التخطيط الصحيح عند تصميم أى زر Button
107- تطبيق عملي لتنفيذ الزر بأقل عد من الـ variables الجزء الاول
108- تطبيق عملي لتنفيذ الزر بأقل عد من الـ variables الجزء الثاني
109- كيفية تصميم ال responsive design
110- كيف يمكننا أن Publish Library
111- ماذا بعد المعسكر ؟
112- كيفية استخدام Design Tokens Gragh Engin
113- شرح مثال آخر لنفس الأداة Gragh Engine الجزء الاول
114- شرح مثال آخر لنفس الأداة Gragh Engine الجزء الثاني
115- كيفية نقل تلك النتائج إلى ملف Figma
116- فقرة الأسئلة الجزء الاول
117- فقرة الأسئلة الجزء الثاني
خبراؤكم في هذه الرحلة التعليمية
أسامة الدريني
قائد فريق تجربة المستخدم و مستشار الـ Design Tokens
قائد تصميم المنتج، يشرف على عملية تصميم تجربة المستخدم للمنتجات الرقمية. إدارة فريق من المصممين لإجراء أبحاث المستخدم، وبناء الإطارات السلكية والنماذج الأولية، وإنشاء واجهات مستخدم جذابة.
اترك مراجعتك
آراء الخريجين
أروى الزهراني
البلد : السعودية
17 يوليو, 2024
سارة عبدالرحيم محمود
البلد : مصر
27 ديسمبر, 2025
خريجينا
+100 قصة توظيف ونجاح مهني انطلقت من معسكراتنا
كبرى شركات المنطقة يثقون في خريجينا
أفضل شركات المنطقة التي توظف خريجينا
نفتخر بأن خريجينا ينضمون إلى صفوف أفضل الشركات في المنطقة، حيث تُقدّر مهاراتهم وتفكيرهم الإبداعي. من خلال تدريب عملي ومناهج مواكبة لسوق العمل، نهيئ طلابنا للنجاح المهني منذ اليوم الأول.
الأسئلة الشائعة
الأسئلة التي تدور ببالك؟ إليك ردودها
لا توجد أسئلة شائعة لهذه الدورة.
