# data[].attributes.attachment_link.title
7. طريقة استعمال الألوان المتدرجة Gradient Color | صمم باستعمال Figma

# data[].attributes.attachment_link.title
Figma Course : Auto layout | الدرس الخامس من كورس فيجما شرح Autolayout وازاي تستفاد منه في مشاريعك

# data[].attributes.headline
18- شرح الـ بروتوتايب

# data[].attributes.subject
18- شرح الـ بروتوتايب

# data[].attributes.attachment_link.title
14. طريقة ربط الصفحات وإنشاء بروتوتايب - Prototype  | صمم باستعمال Figma

# data[].attributes.attachment_link.title
Figma Course : Component | الدرس السادس  من كورس فيجما شرح Component وازاي تستفاد منه في مشاريعك

# data[].attributes.headline
8- المكتبات وتوظيفها بالمشاريع

# data[].attributes.subject
8- المكتبات وتوظيفها بالمشاريع

# data[].attributes.attachment_link.title
الدرس الرابع من كورس تعلم Figma | ازاي تضيف الالوان والنصوص داخل Library وتستخدمها في جميع المشاريع

# data[].attributes.attachment_link.title
Figma Course : Boolean and Variants | الدرس الحادي عشر من كورس فيجما شرح Boolean & Variants

# data[].attributes.headline
28- تحديثات فيقما

# data[].attributes.subject
28- تحديثات فيقما

# data[].attributes.attachment_link.title
أهم تحديثات أداة فيجما Figma | 2023

# data[].attributes.headline
الفرق بين تصميم وتجربة المستخدم UI - UX

# data[].attributes.subject
الفرق بين تصميم وتجربة المستخدم UI - UX

# data[].attributes.attachment_link.title
ما هو الفرق بين تصميم واجهات الإستخدام وتجربة المستخدم

# data[].attributes.headline
قروب الواتساب المجتمع

# data[].attributes.subject
قروب الواتساب المجتمع

# data[].attributes.body
رابط الواتس
https://chat.whatsapp.com/HVvSZHK1aEt5I1mVxbGfjd

# data[].attributes.headline
صورة فقط " تجاهلها "

# data[].attributes.subject
صورة فقط " تجاهلها "

# data[].attributes.headline
7- تصميم واجهة كتب

# data[].attributes.subject
7- تصميم واجهة كتب

# data[].attributes.attachment_link.title
4. تصميم واجهة تطبيق للكتب UI | صمم باستعمال Figma

# data[].attributes.attachment_link.title
التصميم باستعمال نظام Layout Grids

# data[].attributes.attachment_link.title
3. تصميم واجهة تسجيل دخول UI | صمم باستعمال Figma

# data[].attributes.headline
1- شرح واجهة البرنامج واهم النقاط

# data[].attributes.subject
1- شرح واجهة البرنامج واهم النقاط

# data[].attributes.attachment_link.title
الدرس الثاني من كورس تعلم Figma | شرح واجهة البرنامج واهم النقط

# data[].attributes.headline
2- مقدمة تطبيقية عن Figma

# data[].attributes.subject
2- مقدمة تطبيقية عن Figma

# data[].attributes.attachment_link.title
الدرس الثالث من كورس تعلم Figma | شرح واجهة التصميم

# data[].attributes.headline
3- تنسيق النصوص والأشكال والألوان

# data[].attributes.subject
3- تنسيق النصوص والأشكال والألوان

# data[].attributes.attachment_link.title
طريقة تنسيق النصوص والأشكال والألوان وكيفية إضافتها واستخدامها في المشاريع

# data[].attributes.headline
تحميل فيقما Figma

# data[].attributes.subject
تحميل فيقما Figma

# data[].attributes.attachment_link.title
الدرس الاول من كورس تعلم Figma | ازاي تستخدم فيجما علي المتصفح او تحمله علي الجهاز

# data[].attributes.headline
مقدمة عن فيقما Figma

# data[].attributes.subject
مقدمة عن فيقما Figma

# data[].attributes.attachment_link.title
مقدمة كورس تعلم Figma | كل الي نفسك فيه هتلاقيه في فيجما |

# data[].attributes.headline
مشروع تدريبي إختياري

# data[].attributes.subject
مشروع تدريبي إختياري

# data[].attributes.body
* مشروع اليوم الثاني:

- حاولوا تطبقون افكاركم ورسوماتكم الشخصيه وتستلهمون أفكار مثل الفريم بالاعلى.
- الفريم بالاعلى فقط مثال حي نقدر نستلهم منه الافكار.

* لاتنسون تشاركونا اعمالكم الجميع بدون استثناء! على قروب الواتس 😍*

# data[].attributes.headline
مشروع تدريبي إختياري

# data[].attributes.subject
مشروع تدريبي إختياري

# data[].attributes.body
* مشروع اليوم الثالث:

- بإمكانكم وضع صوره مختلفه عن الصوره الموجودة " صورة الايسكريم "، لازم التصميم مشابه للتصميم بالاعلى.
- لا تنسى ان تضع اسمك داخل خانه " البريد الالكتروني ".
- الالوان اختاريه، اختر ما تشاء.

* لاتنسون تشاركونا اعمالكم الجميع بدون استثناء! على قروب الواتس 😍*

# data[].attributes.headline
مشروع الأسبوع الأول "مهم"

# data[].attributes.subject
مشروع الأسبوع الأول "مهم"

# data[].attributes.body
*مشروع الأسبوع الأول النهائي*

- ان تكون على الاقل ٣ واجهات او اكثر.
- احرص ان يكون في مشروعك مكتبه للنصوص والالوان.
- ضرورة وجود
Auto Layout + Fixed when scrolling “ Fixed ( stay in place )".
- ضروري وجود الـ Color Palette في المشروع.
- استخدام Effects.
- استخدام ال Layout Grid والانتباه للمنطقة الآمنه.

# data[].attributes.headline
مشروع تدريبي إختياري

# data[].attributes.subject
مشروع تدريبي إختياري

# data[].attributes.body
* مشروع اليوم الثالث:

- ضرورة الالتزام على نفس نمط وتنسيق التصميم.
- الألوان و الصور اختيارية.

* لاتنسون تشاركونا اعمالكم الجميع بدون استثناء! على قروب الواتس 😍*

# data[].attributes.attachment_link.title
5. تصميم واجهة تطبيق WhatsAp UI | صمم باستعمال Figma

# data[].attributes.headline
مشروع تدريبي إختياري

# data[].attributes.subject
مشروع تدريبي إختياري

# data[].attributes.body
*مشروع اليوم مشروع اختياري:

سيكون مشروع اليوم مشروع اختياري بسيط لمن اراد ان يتعلم ما فاته من الدروس الماضيه.

- ضرورة الالتزام على نفس نمط وتنسيق التصميم.
- الألوان و الصور اختيارية.
- شاركنا مشروعك في الواتس🤩.

# data[].attributes.attachment_link.title
Figma Course : Variants | الدرس السابع من كورس فيجما شرح جميع خصائص الـ Variants

# data[].attributes.attachment_link.title
6. فوائد وطرق استخدام الـ  Component | صمم باستعمال Figma

# data[].attributes.attachment_link.title
20. أهم المصادر لتحميل الأيقونات واستخدامها بشكل سريع | صمم باستعمال Figma

# data[].attributes.headline
14- مقاس الايقونات المناسب

# data[].attributes.subject
14- مقاس الايقونات المناسب

# data[].attributes.attachment_link.title
19. ماهو المقاس المناسب للأيقونات؟ | صمم باستعمال Figma

# data[].attributes.attachment_link.title
How to Design Great Buttons in Figma? | UI Design

# data[].attributes.headline
تطبيق إختياري على الايقونات

# data[].attributes.subject
تطبيق إختياري على الايقونات

# data[].attributes.body
*مشروع اليوم التاسع واجهة السناب شات:

سيكون مشروع اليوم به ٨ ايقونات بأحجام مختلفه.
ابغا نسخ لصق من هذا التصميم، وركزوا على احجام النصميم.. وكذلك مع مراعاة:

- Auto Layout
- Layout Grid
- Libraries
- Component

شاركوني مشاريعكم بنشر رابط المشروع على الواتس🤩.

# data[].attributes.attachment_link.title
How To Create Mesh Gradients in Figma (Beginner Tutorial)

# data[].attributes.headline
طريقة عمل المكتبات Libraries

# data[].attributes.subject
طريقة عمل المكتبات Libraries

# data[].attributes.body
*مشروع اليوم العاشر:
ابيكم كلكم تستعملون الـ Gradient Color،

❤🧡💛💚💙💜🖤🤍🤎

شاركوني مشاريعكم عبر الواتساب 🤩.

# data[].attributes.headline
مشروع الأسبوع الثاني

# data[].attributes.subject
مشروع الأسبوع الثاني

# data[].attributes.body
*مشروع الاسبوع الثاني:
- مشروع اختياري نقيس مدى حصيلة تعلمكم لهذا الاسبوع ومواضيعه.
اللي ينتهي منه ينشره بالواتساب

- استخدام الايقونات مع قياسات صحيحه.
- استخدام الازرار مع قياسات صحيحه.
- Auto Layout
- Layout Grid
- Text Library
- Color Library
- Text Library
- Color Palette
- Gradient Color
- Component
- Variants

# data[].attributes.headline
19- تثبيت العناصر في بروتوتايب

# data[].attributes.subject
19- تثبيت العناصر في بروتوتايب

# data[].attributes.attachment_link.title
22. طريقة تثبيت العناصر داخل البروتوتايب   | صمم باستعمال Figma

# data[].attributes.headline
طريقة عمل الـ بروتوتايب

# data[].attributes.subject
طريقة عمل الـ بروتوتايب

# data[].attributes.headline
مشروع تدريبي إختياري

# data[].attributes.subject
مشروع تدريبي إختياري

# data[].attributes.body
** مشروع اليوم: *
- إضافة تنقلات بين صفحاتكم.
- تثبيت العناصر.
- شاركوني مشاريعكم عبر الواتساب 🤩.

# data[].attributes.attachment_link.title
8. تصميم سبلاش سكرين Splash Screen | صمم باستعمال Figma

# data[].attributes.attachment_link.title
Animate Text in Figma Like a Pro | Figma Tutorial

# data[].attributes.headline
مشروع تدريبي إختياري

# data[].attributes.subject
مشروع تدريبي إختياري

# data[].attributes.body
** مشروع اليوم: *
- إضافة  Splash Screen.
- اضافة Text Animation.
- شاركوني مشاريعكم عبر الواتساب 🤩.

# data[].attributes.attachment_link.title
Figma Micro Animation 04 · Animate Like A Pro · Button loading

# data[].attributes.attachment_link.title
Create a TEXT FIELD Component With an ANIMATED Label (Figma Tutorial)

# data[].attributes.attachment_link.title
Create a DROPDOWN MENU in Figma (Tutorial)

# data[].attributes.headline
27- شرح تصميم مطعم كامل

# data[].attributes.subject
27- شرح تصميم مطعم كامل

# data[].attributes.attachment_link.title
مساق موجز لطريقة تصميم تطبيق مطعم

# data[].attributes.headline
29- شرح الـ Scrolling افقيا وعموديا

# data[].attributes.subject
29- شرح الـ Scrolling افقيا وعموديا

# data[].attributes.attachment_link.title
11. طريقة تصميم سكرول أفقي وعمودي بالواجهات  | صمم باستعمال Figma

# data[].attributes.headline
30- تصميم صفحة تسجيل الدخول برمز تحقق

# data[].attributes.subject
30- تصميم صفحة تسجيل الدخول برمز تحقق

# data[].attributes.attachment_link.title
25. تصميم صفحة تسجيل الدخول برمز تحقق  | صمم باستعمال Figma

# data[].attributes.attachment_link.title
كيفية اختيار مقاسات الخطوط المناسبة | Type-Scale

# data[].attributes.headline
32 - تصميم واجهة إنشاء حساب لموقع إلكتروني

# data[].attributes.subject
32 - تصميم واجهة إنشاء حساب لموقع إلكتروني

# data[].attributes.attachment_link.title
Design a Signup Page in Figma | UI/Web Design Tutorial

# data[].attributes.headline
10 نصائح في فيقما الجز الاول

# data[].attributes.subject
10 نصائح في فيقما الجز الاول

# data[].attributes.headline
10 نصائح في فيقما الجز الثاني

# data[].attributes.subject
10 نصائح في فيقما الجز الثاني

# data[].attributes.attachment_link.title
Watch This To Finally Understand FRAME CONSTRAINTS in Figma

# data[].attributes.headline
مشروع تدريبي إختياري

# data[].attributes.subject
مشروع تدريبي إختياري

# data[].attributes.headline
مشروع تدريبي إختياري

# data[].attributes.subject
مشروع تدريبي إختياري

# data[].attributes.attachment_link.title
Make Your Web Design Responsive in 10 Minutes | Figma Tutorial

# data[].attributes.headline
مشروع تدريبي اختياري

# data[].attributes.subject
مشروع تدريبي اختياري

# data[].attributes.attachment_link.title
Advanced Figma Course | Responsive Design | الدرس السادس والعشرين من كورس فيجما صمم موقع Responsive

# data[].attributes.headline
36- التغذية البصرية

# data[].attributes.subject
36- التغذية البصرية

# data[].attributes.attachment_link.title
التغذية البصرية وأثرها على تصميم تجربة المستخدم | UI/Ux

# data[].attributes.attachment_link.title
أسهل طريقة لعمل  Mockup  باستعمال فيجما

# data[].attributes.headline
عمل Mockup لمشاريعكم

# data[].attributes.subject
عمل Mockup لمشاريعكم

# data[].attributes.headline
مشروع تدريبي إختياري

# data[].attributes.subject
مشروع تدريبي إختياري

# data[].attributes.body
*مشروع اليوم السابع مشروع اختياري:

سيكون مشروع اليوم مشروع اختياري بسيط لمن اراد ان يتعلم ما فاته من الدروس الماضيه.

- ضرورة استخدام Auto Layout.
- ضرورة استخدام الـ Component
- ضرورة استخدام الـ Variants

* نكتفي بواجهتين:
١- واحدة لجميع ال Components و الـ Variants مثل الفريم الاول والثاني.
٢- تطبيق الـ Component و Variants مثل واجهة “Home”

- شاركنا مشروعك عبر الواتس🤩.