UI Design in Figma, Start to Finish

What you’ll learn

• Plan a user flow before opening the design tool
• Build wireframes in 30 minutes
• Create reusable components with auto layout
• Set up styles and a tiny design system
• Link screens into a clickable prototype and hand it off

What’s inside

1. 1Plan the user flowFree preview25 min
2. 2Wireframes in 30 minutes40 min
3. 3Components and auto layout70 min
4. 4Styles and a tiny design system55 min
5. 5High-fidelity screens80 min
6. 6Prototype and test60 min
7. 7Hand-off checklist30 min

Who it’s for

• Beginners who want to design apps and websites
• Developers who want better-looking interfaces
• Career changers building a design portfolio

Course files and extras

Members download these from the course page.

• Starter Figma file
• Component checklist (PDF)
• Hand-off checklist

Your instructor

Karim Saab

Product designer

Karim designs mobile apps for fintech and logistics teams and freelances on the side. He is known for making design tools feel easy, and for pushing every student to ship a clickable prototype by the end of the course.

• “I came in with zero design sense and left with a prototype I showed my team. The auto layout lessons were worth it.”

  Jad B. · Junior developer

• “Every lesson ends with something you can use. My portfolio project came straight from this course.”

  Layla H. · Career changer

• “Great pacing. I now understand what my designers are talking about.”

  Fadi Z. · Product manager