This free online course teaches you how to create user interface design, wireframes and product prototypes with Figma.

Figma is an effective collaborative interface design tool, which runs on Windows, Linux, Chrome and Mac operating systems. It is a cloud-based application with a plethora of functionality and features, including a web-based application programming interface (API) and other tools that allow limitless collaboration among team members for product development. Through Figma, users can create high-fidelity designs for software, blogs, websites and mobile applications. Learn how to appeal to user needs by approaching your product creation models to identify the users' pain points and provide a cutting-edge solution. Finally, you will study the ten principles of user interface design and apply the principles to help you build invaluable standalone applications.

Next, you will discover one crucial advantage of Figma over other prototyping applications. Save the delivery time of your products by selecting from the variety of design templates available in the Figma Library. Learn how to receive important updates from your team members via the app's vital features, allowing model testing and sharing for feedback. You will consider the two main types of files you can create and how to explore one of the important file types for planning and drafting your projects. Similarly, you will be taught the preliminary steps of product drafting, including the 4-step process for creating a user journey map and touchpoints to consider for the user avatar for your product. Then you will study the core concepts of project drafting, including how to create product wireframes.

We will demonstrate the four processes involved in wireframing, including the concepts for working with colours, texts and placements of product icons. In addition, apply the essential Figma tools like the ‘move’, ‘scale’, ‘shape’ and ‘add comment’ tools. Then study the keyboard shortcuts to insert shapes and objects in the project draft area. We illustrate how to use the font installer and work with the default font in your Figma app. Then we will carry out the procedures for product layout planning via the practical demonstration of the techniques used for the user interface (UI) design of a health-tracking app. You will also learn about design framing, layering and object grouping. Likewise, explore how to create a product prototype that aligns with the users' behaviour with Figma. By completing this course, you will be able to create functional product components, stunning image effects and engaging user interface designs with Figma. So why wait? Start learning now!