Overview

Google, IBM & Meta Certificates – 40% Off

One Coursera Plus subscription covers most Professional Certificates on Coursera.

Master the creation of consistent, adaptive interfaces by leveraging grids, typography, Auto Layout, and components in Figma. Develop responsive designs for mobile, tablet, and desktop while collaborating effectively in shared workspaces. This course focuses on building scalable and consistent user interfaces using Figma's advanced design tools. You'll explore grids, color and effect styles, typography, and Auto Layout to create responsive mobile interfaces. The course also covers building and extending components, working with variants, and adapting designs for multiple platforms, ensuring your workflow is efficient and collaborative. The course uses step-by-step guidance and practical examples to help you apply design system principles and responsive techniques in Figma. You'll learn to structure your work for scalability and teamwork, preparing you to deliver polished, production-ready designs. This course is part two of a three-course Specialization designed to build a complete and cohesive understanding of the subject. While it offers valuable skills on its own, you'll gain the most benefit by progressing through all three courses as a structured learning journey. This course is based on Designing and Prototyping Interfaces with Figma, by Fabio Staiano. Packt is one of the world's most prolific publishers of cutting-edge technical content. For over two decades we've made it our mission to curate and publish the knowledge of only the very best technical experts. We focus on real-world courses that help our customers get the job done, with coverage that extends across a wide range of established and cutting-edge technical topics. If you're an individual or an organisation that embraces learning by doing, Packt is the perfect fit for you.

Syllabus

Designing Consistently Using Grids, Colors, and Typography
- 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.
Creating a Responsive Mobile Interface Using Auto Layout
- 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.
Building Components and Variants in a Collaborative Workspace
- 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.
User Interface Design on Tablet, Desktop, and the Web
- 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.