Figma for UI/UX: Master Web Design in Figma

Packt via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Paid Course
Languages

English
Certificate

Paid Certificate Available
Duration & workload

16 hours 24 minutes
Sessions

On-Demand
Subtitles

English

Found in

Overview

Coursera Flash Sale

40% Off Coursera Plus for 3 Months!

Grab it

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Unlock the full potential of Figma and become a proficient UI/UX designer with this comprehensive course. You'll start by exploring Figma’s essential tools, comparing it with other design software, and creating your first website design. As you progress, you’ll dive into advanced design techniques, including color theory, typography, effects, and component-based workflows. Through hands-on projects, you’ll design complete web layouts, mastering elements like headers, navigation menus, cards, and footers. You’ll also explore responsive design principles, ensuring your designs look great on any device. Additionally, you’ll gain insights into the freelancing world, learning how to build a portfolio and attract clients. By the end of the course, you’ll be equipped to bring your designs to life by preparing them for developers. You'll understand how to optimize your workflow with tools like Zeplin and how to deliver production-ready files. Whether you're an aspiring UI/UX designer or a freelancer looking to expand your skills, this course will guide you from beginner to expert.

Syllabus

Introduction to the Course

In this module, we will introduce you to Figma, a powerful web design tool for UI/UX professionals. You’ll learn how to navigate the interface, create your first website design, and solve common design challenges. We’ll also cover essential tips, exercises, and a mini design contest to reinforce your learning.

Discover the Most important Things about Figma

In this module, we will dive deeper into Figma’s core functionalities, from working with colors and text to using effects like blur and shadows. You’ll also explore grids, components, and masking techniques to enhance your design workflow. By the end, you’ll have a solid grasp of Figma’s essential tools and best practices.

First Web Design Project

In this module, we will guide you through your first full-fledged web design project in Figma. You’ll create key website elements, such as navigation menus, cards, and pagination, while learning how to structure a well-balanced layout. A blog design contest at the end will challenge you to put your skills to the test.

Freelancing

In this module, we will explore the realities of freelancing in the UI/UX industry. You’ll learn how to create a compelling profile, navigate freelancing platforms, and establish a strong client base. We’ll also discuss mindset, competition, and productivity tips to help you thrive as a freelancer.

The First Key to Great Web Design

In this module, we will uncover the first key principle of great web design. You’ll explore text formatting, color theory, and layout strategies while working through case studies and hands-on exercises. By the end, you’ll understand how to create visually appealing and user-friendly designs.

The Second Key to Great Web Design

In this module, we will focus on aligning design with business objectives. You’ll explore landing page optimization, e-commerce structures, and analytics-driven decision-making. Through case studies and hands-on exercises, you’ll gain insights into creating designs that serve both users and business owners effectively.

The Third Key to Great Web Design

In this module, we will explore UX principles and how they impact user interactions. You’ll learn how to refine the checkout process, optimize mobile layouts, and make detail-oriented improvements to boost usability. By the end, you’ll be equipped with actionable insights to enhance the user experience in your designs.

Redesign an Ecommerce Business

In this module, we will walk through the process of redesigning an e-commerce website from the ground up. You’ll learn how to structure key sections, create compelling product displays, and optimize for conversions. Through hands-on projects, you’ll develop practical skills in designing high-performing online stores.

Responsive Design: From Desktop to Mobile

In this module, we will focus on transforming your desktop designs into fully responsive mobile versions. You’ll learn how to adjust headers, hero sections, product cards, and footers to ensure a smooth user experience across devices. By the end, you’ll be confident in designing adaptable and mobile-optimized interfaces.

Discover How the Design Gets Transformed to the Live Version

In this final module, we will cover the transition from Figma designs to fully functional websites. You’ll learn best practices for handing off designs, working with developers, and ensuring your vision is executed accurately. We’ll wrap up the course with key insights and next steps for your UI/UX journey.