تصميم واجهات المستخدم بـ Figma
من الشبكة والمسافات إلى نظام تصميم كامل بمكوّنات ومتغيرات — بواجهات عربية أولاً.
ماذا ستتعلم
- تبني شبكة ومقياس مسافات متسقاً
- تصمم واجهة عربية من اليمين إلى اليسار بشكل صحيح
- تنشئ مكوّنات ومتغيرات قابلة لإعادة الاستخدام
- تبني نموذجاً تفاعلياً قابلاً للاختبار
- تسلّم مواصفات يفهمها المطوّر
عن الدورة
تصميم الواجهات مهنة قواعد قبل أن تكون ذوقاً. في هذه الدورة نبدأ من الأساس الذي يتجاهله كثيرون: الشبكة، ومقياس المسافات، وسلّم أحجام الخط. ثم نبني تطبيقاً كاملاً بواجهة عربية من اليمين إلى اليسار، لأن أغلب الدورات تُدرّس الواجهات اللاتينية ثم تترك المصمم العربي يخمّن. نغطي المكوّنات والمتغيرات في Figma وبناء نظام تصميم يمكن تسليمه لمطوّر مباشرة، إضافة إلى النماذج التفاعلية وتسليم المواصفات. الدورة محدّثة على أحدث إصدار من Figma.
محتوى الدورة
4 وحدة18 درسالمدة الإجمالية 2س 27د
الأساسيات4 درس39د
- واجهة Figma في عشرين دقيقةفيديومعاينة14:25
- الشبكة ومقياس المسافاتفيديو1معاينة13:43
- سلّم أحجام الخط للعربيةفيديوبعد الشراء05:35
- اللون في الواجهات: الفاتح والداكنفيديوبعد الشراء04:50
الواجهة العربية5 درس36د
- قواعد الاتجاه من اليمين إلى اليسارفيديوبعد الشراء12:44
- ما الذي يُعكس وما الذي لا يُعكسمقالبعد الشراء04:13
- الأرقام والتواريخ والعملاتفيديوبعد الشراء04:36
- النصوص المختلطة عربي وإنجليزيفيديوبعد الشراء14:23
- اختبار الوحدةاختباربعد الشراء00:00
نظام التصميم4 درس36د
- بناء المكوّنات وحالاتهافيديو1بعد الشراء17:43
- المتغيرات والأنماطفيديوبعد الشراء08:55
- مكتبة قابلة للمشاركةفيديوبعد الشراء09:12
- التوثيق داخل الملفاختباربعد الشراء00:00
النموذج والتسليم5 درس37د
- بناء نموذج تفاعليفيديوبعد الشراء05:06
- اختبار النموذج مع خمسة مستخدميناختباربعد الشراء00:00
- تسليم المواصفات للمطورفيديوبعد الشراء17:06
- تكييف النظام للويبفيديو1بعد الشراء14:26
- الاختبار النهائياختباربعد الشراء00:00
المتطلبات
- حساب Figma مجاني
- جهاز بمعالج حديث واتصال مستقر
لمن هذه الدورة
- مبتدئون في تصميم المنتجات الرقمية
- مصممو جرافيك ينتقلون إلى الواجهات
- مطوّرون يريدون تصميم واجهات مقبولة
عن المدرب
جهات الاعتماد
- الهيئة العامة للتعليم التطبيقي والتدريب
جهات معتمدة تُذكر على الشهادة الصادرة من هذه الدورة.
أسئلة متكررة
هل النسخة المجانية من Figma تكفي؟
نعم، كل ما في الدورة يُنفَّذ على النسخة المجانية. الميزات المدفوعة نُشير إليها فقط عند الحديث عن العمل ضمن فريق.
هل تشمل الدورة تصميم تطبيقات الجوال؟
المشروع الرئيسي تطبيق جوال، ونغطي أيضاً تكييف نفس النظام للويب في الوحدة الأخيرة.
آراء المتدربين
- 5نجوم84%
- 4نجوم13%
- 3نجوم2%
- 2نجوم1%
- 1نجوم0%
أحدث المراجعات
- روان العنزي
روان العنزي
26 يوليو 2026
الشرح بسيط وبلغة مفهومة، والأمثلة كلها من بيئتنا الخليجية مو مترجمة. هذي النقطة وحدها تستاهل السعر.
- فاطمة العجمي
فاطمة العجمي
22 يوليو 2026
خمس نجوم عن جدارة. أسلوب عرض هادئ ومنظم، والأمثلة واقعية مو مثالية.
- راشد الكعبي
راشد الكعبي
10 يوليو 2026
الوحدة الثانية لحالها تستاهل سعر الدورة كامل. معلومات ما لقيتها في أي مصدر عربي ثاني.
- يوسف الدبوس
يوسف الدبوس
28 يونيو 2026
المحتوى محدّث فعلاً مو مسجّل قبل خمس سنوات. الأمثلة كلها من هالسنة وهذا يفرق كثير.
- لولوة الرومي
لولوة الرومي
7 يونيو 2026
كنت مترددة قبل الشراء وندمت إني تأخرت. الأسئلة يجي عليها رد داخل المجتمع بسرعة والمتابعة ممتازة.
- حمد الفهد
حمد الفهد
18 مايو 2026
الدورة عملية جداً. كل درس ينتهي بخطوة تنفذها، وهذا اللي يفرقها عن غيرها.
دورات مشابهة
عرض كل دورات الفئة- 2س 31د
الهوية البصرية من الصفر
تقديم مريم الحمادي
4.9(431)2.3 ألف متدرب59.000 د.ك.85.000 د.ك.31% خصممتوسطاشترك - 1س 43د
- 1س 5د
- 1س 50د