In Part 2 of the Figma UI UX Design Essentials series, you’ll take your design skills to the next level by learning how to build clean, flexible layouts and reusable components. With Dan Scott as your guide, you’ll move beyond the basics and explore powerful features like Auto Layout, Constraints, and Component Variants—tools essential for designing responsive, scalable UI.



Figma UI UX Design Essentials Pt.2: Layout & Components
Ce cours fait partie de Spécialisation Beginner: Figma UI / UX Design Essentials

Instructeur : Skillshare
Inclus avec
Compétences que vous acquerrez
- Catégorie : Responsive Web Design
- Catégorie : User Flows
- Catégorie : UI Components
- Catégorie : User Interface and User Experience (UI/UX) Design
- Catégorie : Figma (Design Software)
- Catégorie : Information Architecture
- Catégorie : User Interface (UI) Design
- Catégorie : Prototyping
- Catégorie : Mockups
Détails à connaître

Ajouter à votre profil LinkedIn
juillet 2025
5 devoirs
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

Élaborez votre expertise du sujet
- Apprenez de nouveaux concepts auprès d'experts du secteur
- Acquérez une compréhension de base d'un sujet ou d'un outil
- Développez des compétences professionnelles avec des projets pratiques
- Obtenez un certificat professionnel partageable

Il y a 5 modules dans ce cours
Discover how to build flexible, adaptive UI layouts using Figma’s Auto Layout and constraints. This module introduces tools and techniques for designing interfaces that respond smoothly to screen size changes. You’ll create expanding buttons, combine nested frames, and apply auto-height text—ultimately crafting responsive components that behave predictably across devices.
Inclus
7 vidéos2 lectures1 devoir1 sujet de discussion
In this module, you'll add visual flair and polish to your UI designs. Learn how to apply shadows, blurs, and neumorphic styling to elevate the depth and realism of your mockups. Through guided examples, you’ll explore how layered effects can help create a more immersive and visually engaging interface, and complete a small project to practice applying these effects consistently.
Inclus
4 vidéos1 devoir1 sujet de discussion
Master the building blocks of scalable design systems. This module focuses on creating reusable components, understanding the relationship between main and instance components, and organizing your design system using consistent naming conventions. You’ll also learn best practices for maintaining component libraries across projects and setting up a clean, version-safe workflow.
Inclus
7 vidéos1 devoir1 sujet de discussion
Take your design system skills further by creating component variants that support interactive states and form elements. You'll explore both single- and multi-dimensional variants and apply them in real interface components like buttons and forms. By the end of this module, you’ll be able to design flexible, scalable elements ready for real-world application.
Inclus
6 vidéos1 devoir1 sujet de discussion
Bring your designs to life with interactive prototypes. This final module teaches you how to build realistic user experiences using Figma’s prototyping tools. You'll work with Flows, overlays, modals, tooltips, and slide-in menus, combining everything you've learned to complete a polished, navigable prototype suitable for user testing or presentation.
Inclus
6 vidéos1 devoir1 évaluation par les pairs1 sujet de discussion
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
Instructeur

Offert par
En savoir plus sur Design and Product
Coursera Project Network
- Statut : Essai gratuit
- Statut : Essai gratuit
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?





Ouvrez de nouvelles portes avec Coursera Plus
Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.
Faites progresser votre carrière avec un diplôme en ligne
Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne
Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires
Améliorez les compétences de vos employés pour exceller dans l’économie numérique
Foire Aux Questions
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy.
Plus de questions
Aide financière disponible,