Free Course Image UX/UI design course

Free online courseUX/UI design course

Duration of the online course: 2 hours and 34 minutes

4.7

StarStarStarStarHalf star

(30)

Build job-ready UX/UI skills with this free Figma course—design screens, wireframes, and prototypes faster, then export assets with confidence.

In this free course, learn about

  • Course scope and workflow for creating UX/UI app designs in Figma
  • Figma interface basics: pages, layers, frames, properties panel, and desktop workflow
  • Differences between Frame and Slice tools; using slices to export specific areas
  • Vector drawing skills: shapes, pen tool editing, and resizing while keeping proportions
  • Building reusable UI with Components; updating instances across multiple screens
  • Using Constraints to keep layouts responsive when frames/screens resize
  • Applying grid systems for alignment, consistency, and clean layout structure
  • End-to-end practice: designing a blog website UI (layout, sections, consistency)
  • End-to-end practice: designing a mobile splash screen using iPhone design kits
  • Creating interactive prototypes: links, flows, and previewing app navigation
  • Exporting assets from Figma: exporting layers, formats, and asset prep
  • Boolean operations to combine shapes (e.g., union/merge) for custom icons
  • Masking techniques: cropping images into shapes (e.g., circular avatar masks)
  • Design fundamentals: principles of design, wireframing basics, and managing wireframes

Course Description

Turn ideas into polished interfaces with a practical, beginner-friendly UX/UI learning path built around Figma. This free online course is designed for anyone who wants to start designing modern apps and websites, even with no prior experience. You will learn how to move from a blank canvas to clean, consistent layouts that look professional and behave predictably across screen sizes.

Step by step, you will get comfortable inside Figma’s workspace and build the habits that make designers faster: using frames correctly, drawing with vector tools, and working with reusable components so your design system stays consistent as your project grows. You will also learn how constraints and grid systems help maintain structure, alignment, and responsiveness—skills that translate directly to real product design work.

Instead of stopping at isolated tools, the course pushes you into hands-on projects where you practice end-to-end thinking. You will create key screens such as a blog website layout and an app splash screen, applying design kits and resources in a way that mirrors common workflows in the industry. Along the way, you will explore essential techniques like boolean operations and masking to craft shapes, icons, and image treatments that elevate the final UI.

UX/UI design is not only about visuals, so you will also cover fundamentals like interaction design principles, wireframing, and managing wireframes efficiently. Then you will connect everything through prototyping, learning to present flows and demonstrate how a user would navigate your design—an important skill for portfolios, stakeholder reviews, and developer handoffs. Finally, you will learn how to export assets cleanly, preparing your work for delivery and collaboration.

By the end, you will have a stronger design mindset, practical Figma confidence, and project-based experience that can support your next step—building a portfolio, applying for internships, collaborating with developers, or exploring freelance opportunities in digital product design.

Course content

  • Video class: [BEGINNER] Lesson 1 : Figma Course Agenda & Promo (FIGMA UX/UI APP DESIGN COURSE) 03m
  • Exercise: What is the primary focus of the introductory course mentioned in the video?
  • Video class: [BEGINNER] Lesson 2 : Introduction To Figma UI and Desktop (FIGMA UX/UI APP DESIGN COURSE) 11m
  • Exercise: What is one of the benefits of using Figma for design projects?
  • Video class: [BEGINNER] Lesson 3 : Frame Vs Slice Tool (FIGMA UX/UI APP DESIGN COURSE) 08m
  • Exercise: What is the primary function of the slice tool in design software?
  • Video class: [BEGINNER] Lesson 4 :Draw Vector Shapes & Pen Tool (FIGMA UX/UI APP DESIGN COURSE) 09m
  • Exercise: What key do you hold to maintain the proportion of a shape when resizing it in Figma?
  • Video class: [BEGINNER] Lesson 5 : Figma Components (FIGMA UX/UI APP DESIGN COURSE) 08m
  • Exercise: What is the main advantage of using components in Figma when designing app screens?
  • Video class: [BEGINNER] Lesson 6 : Figma Constraints (FIGMA UX/UI APP DESIGN COURSE) 07m
  • Exercise: What is an important feature in Figma for adjusting design elements?
  • Video class: [BEGINNER] Lesson 7 : Understanding Grid System (FIGMA UX/UI APP DESIGN COURSE) 09m
  • Exercise: What is the primary purpose of using grid systems in design applications as discussed?
  • Video class: [BEGINNER] Lesson 8 : Project 1 Design a Blog Website - Part 1 (FIGMA UX/UI APP DESIGN COURSE) 10m
  • Exercise: What is a good practice to follow before starting a design project?
  • Video class: [BEGINNER] Lesson 9 : Project 1 Design a Blog Website - Part 2 (FIGMA UX/UI APP DESIGN COURSE) 12m
  • Exercise: What is the primary benefit of setting constraints in design software as demonstrated in the video?
  • Video class: [BEGINNER] Lesson 10 : Project 2 Splash Screen App Design - Part 1 (FIGMA UX/UI APP DESIGN COURSE) 11m
  • Exercise: What is the primary focus of this lesson in the video transcript?
  • Video class: [BEGINNER] Lesson 11 : Project 2 Splash Screen App Design - Part 2 (FIGMA UX/UI APP DESIGN COURSE) 09m
  • Exercise: What is the purpose of using design kits in the iPhone 8 app design process?
  • Video class: [BEGINNER] Lesson 12 : Prototyping projects (FIGMA UX/UI APP DESIGN COURSE) 05m
  • Exercise: What is the prototyping feature used for in app design tools?
  • Video class: [BEGINNER] Lesson 13 : Exporting (FIGMA UX/UI APP DESIGN COURSE) 03m
  • Exercise: What feature of Figma allows exporting of design layers?
  • Video class: [BEGINNER] Lesson 14 : Boolean Operations (FIGMA UX/UI APP DESIGN COURSE) 05m
  • Exercise: What Boolean operation in Figma merges two shapes together?
  • Video class: [BEGINNER] Lesson 15 : Masking (FIGMA UX/UI APP DESIGN COURSE) 06m
  • Exercise: How do you mask an image in a circular shape using design software?
  • Video class: [BEGINNER] Lesson 16 : Principles of Design (FIGMA UX/UI APP DESIGN COURSE) 08m
  • Exercise: Which is one of the basic principles of interaction design?
  • Video class: [BEGINNER] Lesson 17 : What is a Wire Frame (FIGMA UX/UI APP DESIGN COURSE) 06m
  • Exercise: What is a wireframe in web and product design?
  • Video class: [BEGINNER] Lesson 18 : Wireframe management (FIGMA UX/UI APP DESIGN COURSE) 05m
  • Exercise: What is considered the minimal visual building block of a wireframe?
  • Video class: [BEGINNER] Lesson 19 : Wireframe management part 2 (FIGMA UX/UI APP DESIGN COURSE) 05m
  • Exercise: Which approach does the video recommend for wireframe management?
  • Video class: [BEGINNER] Lesson 20 : Figma Resources - Website (FIGMA UX/UI APP DESIGN COURSE) 01m
  • Exercise: Where can you duplicate and use resources from various design kits and icons?
  • Video class: [BEGINNER] Lesson 21 : Course Conclusion (FIGMA UX/UI APP DESIGN COURSE) 03m

This free course includes:

2 hours and 34 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

More free courses at UX and UI Design

Free Ebook + Audiobooks! Learn by listening or reading!

Download the App now to have access to + 5000 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 60 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate