Figma for UI/UX: Master Web Design in Figma

Packt moves from the Figma interface into complete website layouts and an e-commerce redesign. Typography, color and reusable components support the project work. The later stages connect desktop and mobile layouts with preparing files for development, making this a broad design-workflow option.

What you will learn

• Arrange web interfaces with reusable Figma components.
• Adapt layouts for desktop and mobile screens.
• Prepare design files for developer handoff.

Who this suits

Aspiring designers, developers and freelancers; basic web-design knowledge helps but is not required by the provider.

Before you enroll

Check which Figma plan and interface version the lessons use. Some AI, library and collaboration features have separate access conditions. A prototype demonstrates an interaction; review accessibility and actual implementation requirements before treating it as a finished product.

Coursera offers paid enrollment or subscription access. Check the enrollment screen for assessment and certificate terms, trials and any financial-aid options. Provider access terms can change; review them before paying.

Put it into practice

Design a fictional product page at two widths and annotate the component behavior a developer would need to reproduce.

Source and review

This overview is based on the provider's published information, checked on 12 October 2026. It is an editorial assessment, not a claim that we completed the resource. Time filters are approximate study ranges; projects and exercises can take longer.

View the curriculum and current access options at Coursera.

How YellowCourse describes and checks learning resources.