figma

الوحدة الاولى  مقدمة عن Figma

1.ما هي Figma ولماذا هي مهمة في التصميم؟

2. الفرق بين Figma وباقي أدوات التصميم الأخرى

3. إنشاء حساب واستخدام الخطة المجانية

4. التعرف على واجهة Figma الرئيسية

5. أنواع الملفات والمشاريع

 6. إعداد مساحة العمل الأولى

7. التعرف على أدوات التنقل

8. حفظ المشروع وتنظيمه

Tools Design Basic – الوحدة الثانية: أدوات التصميم الأساسية

1. استخدام أدوات الرسم (Shapes, Frames, Lines)

2. التعامل مع الخطوط والألوان – Working with Typography & Colors

3. استخدام الأدلة والشبكات (Grids & Layouts)

4. العمل مع الطبقات وتنظيم العناصر – Working with Layers & Structure

5. إدراج الصور والأيقونات – Adding Images & Icons

6. استخدام النسخ والتكرار الذكي – Smart Duplicate & Replicate

7. محاذاة وتوزيع العناصر – Alignment & Distribution

8. حفظ وتصدير أول تصميم – Saving & Exporting Your First Design

تصميم واجهات التطبيقات والمواقع

1. تخطيط الشاشة الأساسية – Planning the Main Screen

2. تصميم شاشة تسجيل الدخول – Designing a Login Screen

3. إنشاء صفحة رئيسية – Designing a Homepage

4. استخدام المكونات الجاهزة (Components) – Using Ready Components

5. إنشاء مكتبة عناصر قابلة لإعادة الاستخدام – Creating a Reusable Library

6. تطبيق الأنماط الموحدة – Applying Consistent Styles

7. استخدام Auto Layout لتصميم مرن – Using Auto Layout

8. اختبار تناسق التصميم – Checking Design Consistency

Unit 4: Projects Exporting & Sharing – الوحدة الرابعة: مشاركة وتصدير المشاريع

1. مشاركة المشروع مع الفريق أو العميل – Sharing Projects with Team/Clients

2. التحكم في صلاحيات العرض أو التعديل – Managing View & Edit Permissions

3. تصدير التصميم كصور أو ملفات PNG/SVG/PDF – Exporting as PNG/SVG/PDF

4. تحضير الملفات للمطورين – Preparing Files for Developers

5. استخدام وضع العرض التفاعلي – Prototype & Presentation View

6. إضافة التعليقات والتغذية الراجعة – Adding Comments & Feedback

7. التعاون في الوقت الحقيقي – Real-time Collaboration

8. أرشفة المشاريع النهائية – Final Projects Archiving

Unit 1: Interaction & Prototyping – الوحدة الأولى: النماذج التفاعلية

1. مقدمة عن النماذج التفاعلية – Introduction to Prototyping

2. إنشاء روابط بين الشاشات – Creating Page Links

3. إعداد الانتقالات التفاعلية – Interactive Transitions

4. استخدام Smart Animate – Using Smart Animate

5. اختبار التصميم في وضع العرض – Testing in Presentation Mode

6. محاكاة تجربة المستخدم – Simulating User Flow

7. إضافة التفاعلات المتقدمة – Adding Advanced Interactions

8. مراجعة النموذج التفاعلي – Reviewing the Prototype

Unit 2: Accessibility & UX – الوحدة الثانية: تحسين تجربة المستخدم

1. مبادئ تجربة المستخدم الجيدة – Good UX Principles

2. تحسين قابلية الاستخدام – Improving Usability

3. التباين والألوان الآمنة – Accessible & Contrast Colors

4. تنظيم التسلسل البصري – Visual Hierarchy

5. تصميم تنقل بسيط وسهل – Intuitive & Simple Navigation

6. اختبار التصميم مع المستخدمين – User Testing Basics

7. تحليل الملاحظات وتحسين التصميم – Analyzing Feedback & Improving Design

8. تطبيق مبادئ UX في المشروع – Applying UX in Practice

Unit 3: Handoff & Collaboration – الوحدة الثالثة: التعاون والتسليم

1. العمل الجماعي في الوقت الحقيقي – Real-time Team Collaboration

2. إدارة صلاحيات الأعضاء – Managing Team Permissions

3. استخدام الإضافات بشكل فعّال – Using Plugins Effectively

4. تصدير الموارد للمطورين – Exporting Assets for Developers

5. التكامل مع أدوات التطوير – Integrating with Dev Tools

6. التواصل بين المصمم والمبرمج – Designer-Developer Handoff

7. إنشاء وثائق التصميم – Creating Design Documentation

8. مراجعة الأداء الجماعي – Reviewing Team Workflow

Unit 4: Review & Project Final – الوحدة الرابعة: الإخراج النهائي والتطبيق العملي

1. تنظيم المشروع النهائي – Organizing the Final Project

2. توحيد الخطوط والألوان – Unifying Colors & Fonts

3. إعداد الملفات النهائية للتسليم – Preparing Final Deliverables

4. تقديم التصميم بشكل احترافي – Presenting the Design Professionally

5. تصحيح الأخطاء والملاحظات – Fixing Issues & Feedback

6. تصدير النسخة النهائية – Exporting the Final Version

7. نصائح للمصممين المبتدئين – Pro Tips for Beginners

8. مراجعة شاملة للكورس – Final Course Review