Skip to content

🎉 30% off 40+ Arabic courses — for a limited timeSee the offers

.ai
Create account
BestsellerCertificate of completion

UI Design with Figma

From grids and spacing to a full design system with components and variables — Arabic-first interfaces.

4.8(728)5.2k students18 lessons2h 27mBeginner
مريم الحماديInstructorمريم الحماديLast updated July 2026Course language — Arabic
Free previewWatch the intro

What you will learn

  • Build a consistent grid and spacing scale
  • Design correct right-to-left Arabic interfaces
  • Create reusable components and variables
  • Build a testable prototype
  • Hand off specs a developer understands

About this course

UI is a craft of rules before taste. We start with the foundations most skip — grid, spacing scale, type scale — then build a full Arabic right-to-left app, because most courses teach Latin interfaces and leave Arabic designers guessing. Components, variables, a handover-ready design system, prototypes and specs included.

Course content

4 modules18 lessonsTotal length 2h 27m

Foundations4 lessons39m
The Arabic Interface5 lessons36m
  • Right-to-left rulesVideoAfter purchase12:44
  • What mirrors and what never doesArticleAfter purchase04:13
  • Numbers, dates and currencyVideoAfter purchase04:36
  • Mixed Arabic–Latin textVideoAfter purchase14:23
  • Module quizQuizAfter purchase00:00
The Design System4 lessons36m
  • Components and their statesVideo1After purchase17:43
  • Variables and stylesVideoAfter purchase08:55
  • A shareable libraryVideoAfter purchase09:12
  • In-file documentationQuizAfter purchase00:00
Prototype and Handover5 lessons37m
  • Building the prototypeVideoAfter purchase05:06
  • Testing with five usersQuizAfter purchase00:00
  • Developer handoverVideoAfter purchase17:06
  • Adapting the system to webVideo1After purchase14:26
  • Final assessmentQuizAfter purchase00:00

Requirements

  • A free Figma account
  • A reasonably modern machine and stable connection

Who this course is for

  • Beginners in digital product design
  • Graphic designers moving to UI
  • Developers who need decent UI skills

About the instructor

Accreditation

  • PAAET

Accrediting bodies named on the certificate this course issues.

Frequently asked

Is free Figma enough?

Yes, everything runs on the free tier. Paid features are only mentioned in the team-workflow lesson.

Does it cover mobile apps?

The main project is a mobile app, and the last module adapts the same system to web.

Student reviews

4.8728 ratings
  • 5stars
    84%
  • 4stars
    13%
  • 3stars
    2%
  • 2stars
    1%
  • 1stars
    0%

Latest reviews

  • روان العنزي

    روان العنزي

    26 July 2026

    الشرح بسيط وبلغة مفهومة، والأمثلة كلها من بيئتنا الخليجية مو مترجمة. هذي النقطة وحدها تستاهل السعر.

  • فاطمة العجمي

    فاطمة العجمي

    22 July 2026

    خمس نجوم عن جدارة. أسلوب عرض هادئ ومنظم، والأمثلة واقعية مو مثالية.

  • راشد الكعبي

    راشد الكعبي

    10 July 2026

    الوحدة الثانية لحالها تستاهل سعر الدورة كامل. معلومات ما لقيتها في أي مصدر عربي ثاني.

  • يوسف الدبوس

    يوسف الدبوس

    28 June 2026

    المحتوى محدّث فعلاً مو مسجّل قبل خمس سنوات. الأمثلة كلها من هالسنة وهذا يفرق كثير.

  • لولوة الرومي

    لولوة الرومي

    7 June 2026

    كنت مترددة قبل الشراء وندمت إني تأخرت. الأسئلة يجي عليها رد داخل المجتمع بسرعة والمتابعة ممتازة.

  • حمد الفهد

    حمد الفهد

    18 May 2026

    الدورة عملية جداً. كل درس ينتهي بخطوة تنفذها، وهذا اللي يفرقها عن غيرها.

Similar courses

See every course in this category