App Design: Prototyping for Beginners
A course by Filippos Protogeridis, Product Designer
Joined July 2020
Learn how to use Figma, a leading design software, to make a functional app mock-up from scratch
Joined July 2020
The beauty of prototyping and software like Figma is that they allow you to quickly make an app design without the programming hassle. Whether the app is for your own project or to sell to another company, the evolution of app design has made it accessible to everyone. Product designer Filippos Protogeridis is here to give you a complete walkthrough of how to create your own app prototype.
Bring your app ideas to life using the latest and greatest design software. Learn the ins and outs of Figma, craft a functional prototype, and validate your idea with Maze.
What will you learn in this online course?
21 lessons & 29 downloads
What's included in this course?
Begin by getting to know Filippos. He shares his professional journey and how he came to be an award-winning product designer. Hear about his influences, his favorite design software, and the companies that inspire him.
Get introduced to the world of prototyping and how it has evolved over the years. Understand what an ideal prototype looks like and hear about different design tools. Then, get an overview of Figma and how to use it. Learn about User Interface Kits (UI) and how to use them in Figma.
Prepare for your design by gathering references and inspiration from other websites and applications. Sketch your idea on paper and use it as a guideline for your prototype design. Filippos guides you through file and component preparation using your selected UI Kit.
Time to get started on your design. Get a walkthrough of how to design a prototype on Figma step by step. See how to put together the home screen with multiple types of content and additional pages to make your prototype look like a real app. Once the layout is finalized, discover how to use the leverage power of Figma to turn your design into a functional application. Explore different types of transitions, interactions, and features to make your prototype look more realistic.
Move on to the validation stage and test your app idea. Filippos uses Maze as a tool to conduct his testing research. Learn about different qualitative and quantitative investigation methods like moderated user testing and unmoderated testing. Wrap up the course by hearing Filippos final tips on prototyping design.
- 100% positive reviews (270)
- 8,385 students
- 21 lessons (4h 22m)
- 29 additional resources (10 files)
- Online and at your own pace
- Available on the app
- Audio: English, Spanish (Latam), French, Italian, Portuguese, Turkish
- English · Spanish · Portuguese · German · French · Italian · Polish · Dutch · Turkish
- Level: Beginner
- Unlimited access forever
Recommended software & tools for this course
FigmaWhat is this course's project?
Create a fully functional application using Figma for web or mobile.
Projects by course students
Who is this online course for?
This course is for designers, entrepreneurs, or anyone interested in learning app prototyping design.
Requirements and materials
Knowledge of Figma is helpful, but not required.
To take this course, you need an account with Figma and Maze. Both software offer free accounts.
Reviews
Filippos Protogeridis
A course by Filippos Protogeridis
Filippos Protogeridis is a Greek product designer who has worked with leading tech companies in Europe, the UK, and the US. With over ten years of experience, his clients range across multiple industries from consumer to business products in health, localization, fintech, and tourism.
Filippos’ client list includes Toms, Yatzer, Transifex, Welcome, Incrediblue, Microsoft and Foscarini. He has given lectures in different seminars, conferences and universities throughout Greece. He has also served as a Jury member for Ermis Awards, the annual Advertising, Design and Communication event.
Content
-
U1
Introduction to Rapid Prototyping
-
About Me
-
Influences
-
-
U2
From Idea to Prototype
-
The Incredible Power of Prototyping
-
The Evolution of Prototyping Tools
-
Introduction to Figma
-
Sourcing UI Kits
-
-
U3
Design Preparation
-
Gathering References and Inspiration
-
Sketching Your Idea
-
File and Component Preparation
-
-
U4
Design and Prototyping
-
Registration Flow 1
-
Registration Flow 2
-
Home, Mood, Meditation 1
-
Home, Mood, Meditation 2
-
Home, Mood, Meditation 3
-
Home, Mood, Meditation 4
-
Prototyping 1
-
Prototyping 2
-
Polish
-
-
U5
Validating and Testing Your Idea
-
Introduction to Testing
-
Moderated User Testing
-
Unmoderated Testing
-
-
FP
Final project
-
App Design: Prototyping for Beginners
-
What to expect from a Domestika course
-
Learn at your own pace
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
-
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
-
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
-
Certificates
PlusIf you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
-
Get front-row seats
Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
-
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
-
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
-
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
FAQs
Yes, this course is designed for beginners and covers the basics of prototyping, user interface design, and popular tools like Figma, Sketch, and Adobe XD.
You’ll need access to Figma (free plan available), and optionally Sketch and Adobe XD if you want to explore integrations. No prior experience with these tools is required.
You’ll learn to create interactive prototypes, use Figma, develop onboarding flows, conduct user testing, gather feedback, and refine digital product designs efficiently.
No programming knowledge is required. The course focuses on design tools and workflows, though you’ll learn how design and programming can be combined for better product results.
You’ll learn both moderated and unmoderated user testing techniques, create usability surveys, analyze user feedback, and iterate prototypes based on real user input.
Yes, you’ll master Figma basics, including frames, components, auto layout, and prototyping features for creating interactive app prototypes.
Most students complete the course in a few weeks, depending on their pace and practice. The curriculum is structured for flexible, self-paced learning.
Figma
This is a great course respect Sir
Melhor curso de Figma aplicado que já fiz, estou feliz e muito grato!
Es rápido y conciso me gusto mucho para saber como hacer prototipos
Excelente, me sirvio mucho para mis estudios
Es un curso muy completo para las personas que vamos comenzando ya que todo es bastante claro