: Filippos Protogeridis
: 4h 22m
Learn how to use Figma, a leading design software, to make a functional app mock-up from scratch
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.
About 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.
What is this course's project?
Create a fully functional application using Figma for web or mobile.
Who is it for?
This course is for designers, entrepreneurs, or anyone interested in learning app prototyping design.
What you need
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.
I'm an award-winning digital product designer based in London, working with leading tech companies in Europe, UK and the US, using strategy, research and design to launch products that solve real needs. I have more than 10 years of experience in working with consumer and business facing companies across multiple industries.
My work has been featured on AWWWARDS, Abduzeedo, SiteInspire and Behance. I speak regularly in conferences and seminars about the role and impact of design in innovation driven companies.