Figma من الصفر — أول واجهة لك

عن الدورة

Figma هو المعيار الصناعي: كل فريق منتج في MENA من فيزيتا إلى كريم وحتى الوكالات الصغيرة يستخدمه يوميًا. لا نُعلّم Figma بشكل نظري؛ نُصمّم تطبيق توصيل طعام حقيقي معًا خلال الدورة، نلتقط الأدوات حين نحتاجها. تخرج وقد صنعت شاشات تعريف، صفحة رئيسية، تفاصيل منتج، صفحة دفع — كلها بـ components و auto-layout و variants ونموذج تفاعلي قابل للمشاركة.

ما ستتعلّمه

• 1

  Figma في نصف ساعة — الإطارات والأشكال والأساسيات

  أعدّ ملفك. الإطارات مقابل المجموعات. اختصارات لوحة المفاتيح الخمسة التي تحتاجها فعلًا.

• 2

  اللون والخط وأسس واجهة المستخدم

  اختيار لوحة الألوان. سُلَّم الخطوط. القواعد البصرية التي تُفرّق بين الهاوي والمحترف.

• 3

  Auto-layout — أكبر موفّر للوقت

  اصنع تصاميم تستجيب للمحتوى. توقّف عن تحريك العناصر يدويًا للأبد.

• 4

  Components و variants

  ابنِ زرًا قابلًا لإعادة الاستخدام، ثم بطاقة، ثم مجموعة أيقونات. variants للحالات (hover و active و disabled).

• 5

  تصميم الشاشة الرئيسية وشاشة المنتج

  استخدام صور حقيقية، أسعار حقيقية بالجنيه/الريال، والتخطيط الذي يحقق تحويلات فعلًا.

• 6

  تدفّق الدفع والحالات الاستثنائية

  الحالات الفارغة وحالات الخطأ والنجاح. الشاشات التي تكشف الهواة.

• 7

  النموذج التفاعلي وتسليم العمل

  اربط الشاشات بنقرات. شارك رابط النموذج. رقصة تسليم التصميم للمطورين.

المهارات اللي هتبنيها

• Figma
• تصميم واجهات
• auto-layout
• components
• variants
• النماذج التفاعلية
• نظم التصميم
• تصميم الموبايل