Packt

Design Systems and Responsive UI in Figma

Packt

Design Systems and Responsive UI in Figma

Included with Coursera PlusLearn more

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

4 hours to complete
Flexible schedule
Learn at your own pace
Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

4 hours to complete
Flexible schedule
Learn at your own pace

What you'll learn

  • Create mobile-first wireframes using shape tools, the Pen tool, and vector networks

  • Use Variables and Modes to manage content, states, and themes at scale

  • Prototype realistic flows with transitions, Smart Animate, and interactive components

Details to know

Shareable certificate

Add to your LinkedIn profile

Recently updated!

September 2026

Assessments

5 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

 logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Designing and Prototyping Interfaces with Figma Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate

There are 4 modules in this course

This module focuses on the essential visual design elements such as grids, typography, color, and effects. Learners will discover how to create a consistent and professional look for user interfaces using tools like Figma. The content emphasizes practical skills in applying and managing design styles effectively.

What's included

1 video8 readings1 assignment

This module focuses on building responsive mobile interfaces using Figma's Auto Layout feature. Learners will understand how to apply constraints, manage dynamic resizing, and create adaptive UIs for a travel planning app. The module provides hands-on practice in transitioning from low-fidelity to high-fidelity design.

What's included

1 video4 readings1 assignment

This module focuses on mastering the use of components and variants in collaborative design workflows. Learners will gain skills in creating scalable design systems, managing design variations, and leveraging libraries for efficient teamwork and version control.

What's included

1 video5 readings1 assignment

This module focuses on adapting user interface designs for tablets, desktops, and web environments, covering responsive layout techniques, cross-platform consistency, and efficient design organization. Learners will gain skills in adjusting UI elements for different screen sizes and maintaining visual harmony across devices.

What's included

1 video6 readings2 assignments

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Packt - Course Instructors
Packt
2,393 Courses696,856 learners

Offered by

Packt

Explore more from Design and Product

Why people choose Coursera for their career

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked questions