وش أقول عن كراديس؟
كراديس ما كان مجرد معسكر… كان رحلة غيّرتني بكل تفاصيلها. من أول يوم، دخلت وأنا مو عارفة إيش يستناني، بس كنت متحمسة أتعلم، أكتشف، وأتحدى نفسي.
كل
يوم كان عبارة عن مغامرة جديدة، مليانة تحديات، ضغط، ساعات طويلة، ومهام ننجزها واحنا مو مصدقين إننا قدرنا!
تعرفت على ناس رهيبين، كل أحد فينا عنده شغفه، طموحه، وهدفه، وكنا دايم نرفع من معنويات بعض. صار الفريق كأنه عائلة، وكل إنجاز كنا نسويه نحس إنه انتصار جماعي.
تعلمت أشتغل تحت الضغط، أقدم أفكاري بثقة، أراجع كل تفصيلة بدقّة، وأحترم الوقت والفريق والعميل. عرفت قيمة التخطيط، وكيف إن التصميم مو بس ذوق… هو منطق، هدف، وتجربة لازم تلامس مشاعر الناس.
من FigJam إلى Figma، من أول سكتش إلى النموذج النهائي… حسّيت فعلاً إني صممت شي أفتخر فيه، واستوعبت إن كل خطوة أخذناها كانت تصنع الفرق، حتى لو صغيرة.
وما أنسى كيف المعسكر حفّزني أطلع أفضل نسخة من نفسي، حتى لما كنت تعبانة أو مضغوطة، كنت أكمّل لأنّي مؤمنة إن النتيجة تستاهل. والجميل؟ فعلًا النتيجة كانت أكبر من توقعي بكثير .. باختصار… كراديس مو نهاية، هو بداية جديدة لطريق أنا متحمسة أكمله بإصرار وشغف.
شكرًا لكل شخص شاركني هالرحلة، ولكل مشرف وموجه أعطانا من وقته وخبرته. وشكر خاص لفريقي، اللي كانت روحهم أجمل من الشغل نفسه




دورة تصميم الـ 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- فقرة الأسئلة الجزء الثاني
اترك مراجعتك
آراء الخريجين
مش هكون ببالغ لما اقول ان دي امتع تجربة خضتها في حياتي المهنية كلها، تجربة رجعتلي شغفي و حماسي تاني من جديد (و ده احساس حلو اوووي مش هعرف اوصفه)،
تجربة شكلت طريقة تفكيري من اول و جديد.. علمتني ازاي افكر بعقلية منضبطة مش بس في التصميم، في كل حاجة في الحياة حرفياً.
بكل أمانة أنا استفدت من الكورس اكتر مما كنت متوقعة إني هاخد منه، الكورس بيتدرج معاك من اول مستوى مصمم مبتدئ لحد ما يبقى خبير في الديزاين توكنز مش بس سينيور، يعني هو مناسب للجميع.
وصلنا لمستويات متقدمة جدا لدرجة انك هتكون فاهم الديفيلوبر بياخد ال variables من فيجما ازاي و بيكتب الكود ازاي و بيقسمه ازاي ، كمان اتعلمت طرق تخطيط كتير اوي و دي بتفرق جدا حسب حجم المشروع و الرؤية المستقبلية و ده بيخلي شغلك مظبوط جدا و بيحقق الهدف المطلوب بشكل صحيح من غير ما تخسر وقت او جهد... و هتتعلم ان كل طريقة ليها مميزات و عيوب فتعرف ازاي تختار اللي يخدمك.
لو فضلت اعدد اللي اتعلمته هكتب مقالة بس كفاية اني اقولك انك هتوصل لمرحلة انك تبقى عارف ايه ال limitation بتاعه الادوات اللي بتستخدمها زي فيجما مثلا و تعرف تخترعلها حلول، ده بجد على فكرة.
نصيحتي اي حد عايز يستعيد شغفه و يحس انه بيتعلم حاجة جديدة و اي حد عايز يطور نفسه و يتعلم صح و يكون خبير في متطلب من اهم متطلبات السوق حاليا يدخل كورس الديزاين سيستم و هو مغمض
خريجينا
+100 قصة توظيف ونجاح مهني انطلقت من معسكراتنا
كبرى شركات المنطقة يثقون في خريجينا
أفضل شركات المنطقة التي توظف خريجينا
نفتخر بأن خريجينا ينضمون إلى صفوف أفضل الشركات في المنطقة، حيث تُقدّر مهاراتهم وتفكيرهم الإبداعي. من خلال تدريب عملي ومناهج مواكبة لسوق العمل، نهيئ طلابنا للنجاح المهني منذ اليوم الأول.







الأسئلة الشائعة
الأسئلة التي تدور ببالك؟ إليك ردودها
لا توجد أسئلة شائعة لهذه الدورة.














