Learn how to use Figma, a leading design software, to make a functional app mock-up from scratch

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.