
Learn to design a web page prototype in Figma, a browser-based UI design tool that supports real-time collaboration, presets, components, and sharing, with hands-on steps.
Explore the Figma workspace through a hands-on demo of main menu, navigation bar, layers, plugins, and region tools, and learn to design, prototype, and export UI assets.
Design a splash screen for an automotive engineer service app in Figma, using shape tools to place images and text, align center, and refine the welcome screen.
Design a home screen for an automobile engineer service app in Figma by creating a navigation bar, a nameplate with ID and balance, and six interactive buttons with icons.
Design a chat screen in Figma by configuring avatars, chat conversations on a black background, and stop controls; customize colors, borders, and typography for a polished chatbot interface.
Hi there, aspiring Figma enthusiasts! Are you ready to embark on an exhilarating journey with us.
We will start from zero, setting up an account and getting to know the Figma structure.
I will then introduce you to the brief as throughout the course we will work on a real project to create a tracking app from the first stroke to finish design.
In this course, you’re going to learn everything about user interface design with Figma. Step-by-step, we’ll cover everything you need to know from opening the program for the very first time to finalizing your finished design. You’ll learn all of the tools, as well as how and when to use them. We’ll also cover everything you’ll need to be able to collaborate with other web developers easily through its collaborative feature. During the course, you will learn about the principles of User Interface Design in order to design with purpose, as well as the principles of Human-Computer Interaction. Finally, we’ll teach you how to adapt to specific project requirements, as well as how to wireframe in order to turn your design into a functional prototype.
Learning All About Figma:
Understanding why Figma is great
Signing Up for Figma
Going over the basics of the software
Importing Files from Sketch
Creating Frames, Shapes, and exploring with Drawing Tools
Understanding Web frames and wireframes.