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 instructor, you’ll move beyond the basics and explore powerful features like Auto Layout, Constraints, and Component Variants—tools essential for designing responsive, scalable UI.


您将获得的技能
要了解的详细信息

添加到您的领英档案
July 2025
5 项作业
了解顶级公司的员工如何掌握热门技能

积累特定领域的专业知识
- 向行业专家学习新概念
- 获得对主题或工具的基础理解
- 通过实践项目培养工作相关技能
- 获得可共享的职业证书

该课程共有5个模块
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.
涵盖的内容
7个视频2篇阅读材料1个作业1个讨论话题
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.
涵盖的内容
4个视频1个作业1个讨论话题
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.
涵盖的内容
7个视频1个作业1个讨论话题
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.
涵盖的内容
6个视频1个作业1个讨论话题
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.
涵盖的内容
6个视频1个作业1次同伴评审1个讨论话题
获得职业证书
将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。
位教师

提供方
从 Design and Product 浏览更多内容
Coursera Project Network
- 状态:免费试用
- 状态:免费试用
人们为什么选择 Coursera 来帮助自己实现职业发展




常见问题
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. 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.
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.
更多问题
提供助学金,