UI/UX Design with Figma

Summary

Learn to design websites and apps people love to use. With Figma — the tool design teams use worldwide — you'll go from blank canvas to polished, clickable prototypes: wireframes, real UI screens, components, and interactive flows. No drawing talent needed; good design is learnable rules, not magic. You leave with portfolio-ready designs and the skill our HTML & CSS students turn into real websites.

Figma
UI/UX
AI Tools

hours in Accelarated Training A full weekend sprint to a finished project.

hours in Continued Training 3 months / 12 weeks for intensive full covered training.

Our students are getting hired by top freelnacing companies. We can help you too.

About this training

Every app and website you love was designed screen by screen before a line of code existed — and today that happens in Figma. This practical UI/UX design training in Tétouan is fully hands-on, taught in a small group of 16 students maximum: you learn the rules that make interfaces clear and beautiful, then apply them immediately in Figma on a real project.

Whether you take the Accelerated weekend sprint (14 hours) or the Continued 3-month program (~48 hours), you'll finish with real, clickable designs — not exercises.

Choose your format

Both formats are 100% hands-on — the difference is depth and practice time:

Accelerated (weekend sprint, 14 hours): the Figma essentials fast — frames, auto layout, typography and color rules, and your first real screens turned into a clickable prototype by Sunday.
Continued (3 months, ~48 hours): the full designer's path — the UX process from user needs to wireframes, reusable components and design systems, a complete app or website design, developer handoff, and portfolio pieces built with practice between sessions.

View upcoming dates.

What you'll learn

UI vs UX: what each means and how they work together
The Figma editor: frames, layers, auto layout, and constraints
The design rules that do the heavy lifting: hierarchy, spacing, typography, and color
Wireframing: sketching ideas fast before polishing them
Components and variants: design once, reuse everywhere
Building real screens: landing pages, mobile app UI, and forms
Prototyping: turning static screens into clickable, testable flows
Design systems: the professional way to keep designs consistent
Developer handoff: exporting and specifying so coders build it right
AI in design: generating ideas, copy, and imagery to design faster

What you'll walk away with

A complete, clickable app or website design — made by you
Your own starter design system and component library
Portfolio-ready work to show clients or employers
A Freelancers Web Academy certificate of completion (after a solo project)

Want to bring your designs to life in code? Continue with HTML & CSS — where students build from Figma designs. Speed up ideation with AI Mastery. Ready to sell design services? See Freelancing & Client Skills.

Ready to start? Pick a session below or ask us on WhatsApp.

Prerequisites

None. No drawing talent, no design background — good UI design is learnable rules applied with a great tool. Figma runs in the browser and has a generous free plan. You only need a laptop and an eye you're willing to train. Sessions are taught in Moroccan Arabic (Darija) with technical keywords in English at our training center in Tétouan, Morocco.