CCS3351 Mobile Application Development – Lesson 5 (Figma wireframing and prototyping)

In this week we learnt about wireframing and prototyping mobile UIs using Figma.

Figma is a web-based graphics editing and user interface design app. You can use it to do all kinds of graphic design work from wireframing websites, designing mobile app interfaces, prototyping designs, crafting social media posts, and everything in between.

Another reason why designers love this app is that Figma offers a generous free plan where you can create and store 3 active projects at a time. It’s more than enough for you to learn, experiment, and work on small projects.

Google’s Material 3 Design Kit provides a comprehensive introduction to the design system, with styles and components to help you get started.

A short tutorial on Figma:

Another quick one:


All lessons >