Rowan Alaa El-Din
Country: Egypt
26 January, 2025
دورة تصميم الـ Tokens باستخدام متغيرات Figma
duration
غير محدد
price
10,000 SAR
About this course
لا توجد مناهج متاحة لهذه الدورة
لا توجد بيانات للجمهور المستهدف
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.
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- فقرة الأسئلة الجزء الثاني
Your experts on this educational journey
أسامة الدريني
قائد فريق تجربة المستخدم و مستشار الـ Design Tokens
قائد تصميم المنتج، يشرف على عملية تصميم تجربة المستخدم للمنتجات الرقمية. إدارة فريق من المصممين لإجراء أبحاث المستخدم، وبناء الإطارات السلكية والنماذج الأولية، وإنشاء واجهات مستخدم جذابة.
Leave your review
Graduates' opinions
Majd Al-Hajj
Country: Lebanon
26 January, 2025
Omar Ramez Mushtaha
Country: Saudi Arabia
26 January, 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.
لا توجد أسئلة شائعة لهذه الدورة.
