Design an Interactive Phone App UI in Figma
Ken Mbesa, Web Designer | UI/UX Designer
Ve esta clase y miles más
Ve esta clase y miles más
Lecciones en esta clase
-
-
1.
Intro
2:41
-
2.
Project Demo
3:42
-
3.
Status Bar
6:09
-
4.
Tab Bar
6:53
-
5.
Sign Up Screen
11:07
-
6.
Home Screen
14:40
-
7.
Refining Featured Sellers Cards
5:11
-
8.
Popular Product Categories
14:44
-
9.
Featured Sellers Screen
10:14
-
10.
Single Seller Screen
10:29
-
11.
Chat Screen
3:55
-
12.
Cleaning Up
11:27
-
13.
Adding Interactivity
10:15
-
14.
Final Thoughts
1:44
-
-
- --
- Anfänger-Niveau
- Fortgeschrittenes Niveau
- Fortgeschrittenes Niveau
- Jedes Niveau
Von der Community generiert
Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.
10
Teilnehmer:innen
1
Projekt
Acerca de esta clase
Would you like to learn Figma by designing a real, interactive mobile app UI?
In this class, I’ll walk you through the process of designing a beautiful, multi-vendor shopping app (step by step).
Figma is one of the most powerful and beginner-friendly design tools on the market, and by the end of this class, you’ll know how to use its most essential tools to create a realistic, portfolio-ready mobile app interface.
You’ll learn how to design key components like the status bar, tab bar, authentication flow, product categories, featured sellers, chat, and more, all while picking up tips and tricks to level up your design workflow.
This class is perfect for:
-
Beginners or intermediate designers who want to build a complete UI project
-
Entrepreneurs who want to prototype their own app ideas
-
Anyone looking to explore Figma as a creative, hands-on skill
This class is practical, easy to follow, and packed with actionable insights you can use right away.
Whether you're designing your first app or polishing your portfolio, this is a great place to start.
Triff deine:n Kursleiter:in
My name is Ken.
I'm a web designer, creative educator, and digital entrepreneur with over a decade of experience in visual design (Web Design, Graphic Design, and Video Editing).
Over the years, I've helped thousands of everyday creatives, small business owners, and aspiring freelancers take control of their digital presence by teaching practical, no-fluff web design skills using tools like WordPress, Elementor, Forminator, and WooCommerce, with no coding required.
My goal is to keep things beginner-friendly, practical, and focused on helping you get real-world results. If you're building your first website or launching a fully functional online store, I'll walk you through the process step-by-step with clarity and confidence.
Beyond web design, I'm a... Vollständiges Profil ansehen
Proyecto de clase práctica
Your project is to design a clean, professional mobile app UI for a multi-vendor shopping experience, just like we do in the class. Simply follow along and build it with me, step by step.
Here’s the path we’ll take to complete your project:
-
Status Bar
-
Bottom Navigation Bar (Tab Bar)
-
Auth Screens
-
Featured Sellers
-
Refining Featured Seller Cards
-
Product Categories
-
Featured Sellers Screen
-
Single Seller Screen
-
Chat Screen
-
Cleaning Up (Organize your project using groups)
-
Adding Interactivity (Make the app links clickable and navigable)
Once you’re done, take a screenshot of your final design in Figma and upload it here as your class project. Click the “Submit Project” button to get started.
You can showcase individual screens (like the home, featured sellers, or chat screen) or post the full flow. It’s totally up to you!
Don’t worry about making it perfect, this is all about practicing, building confidence, and sharing your progress. I’d love to see what you come up with, and I’ll be checking out your projects and leaving feedback.
Let’s build that portfolio together… one screen at a time.
Valoración de la clase
¿Por qué unirse a Skillshare?
Mira las galardonadas Skillshare Originals
Cada clase tiene lecciones cortas y proyectos prácticos
Tu membresía apoya a los profesores de Skillshare
Aprende desde cualquier lugar
Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.
