К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Figma UI UX Design Essentials Pt.2: Layout & Components · LearnSpace
Назад в каталог
courseraПрограммирование

Figma UI UX Design Essentials Pt.2: Layout & Components

Курс от Skillshare
Уровень не указан≈ 8.2 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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. You’ll also dive deeper into visual design, learning how to use color styles, text styles, grids, and effects to bring consistency and polish to your work. Along the way, you’ll complete hands-on class projects that mimic real design challenges, giving you practical experience you can use in client work or your portfolio. This course is ideal for learners who already understand Figma’s interface and want to start designing like a professional. What sets it apart is its step-by-step approach to demystifying more advanced tools—so even intimidating concepts like nested components and naming conventions feel approachable and manageable. Instructor bio: Daniel Walter Scott is a digital designer, Adobe Certified Instructor, and founder of Bring Your Own Laptop (BYOL). With over 14 years of teaching experience, he has helped thousands of learners worldwide master design and creative software across print, web, video, and now 3D. Daniel is an Adobe Certified Expert and Adobe Certified Instructor who combines industry expertise with a teaching style that’s practical, engaging, and memorable. Originally from New Zealand, Daniel has lived and taught across Australia, Ireland, and beyond—sharing his skills with a truly global creative community. He’s passionate about helping students build real-world skills they can carry into their careers and creative projects. When he’s not teaching, Daniel enjoys life with his Irish wife and kids. He brings this personal, down-to-earth perspective into his courses, making complex tools feel approachable and fun to learn.

Навыки, которые вы освоите

Figma (Design Software)UI ComponentsUser Interface (UI) DesignLayout DesignPrototypingInteraction DesignResponsive Web DesignVersion ControlInteractive DesignUser Interface and User Experience (UI/UX) DesignUser Interface (UI)Digital DesignUser Experience

Программа курса

5 модулей · 44 учебных материалов

01Responsive Design with Auto Layout12 материалов

Introduction

IntroductionЧтениеSpecialization Project InstructionsЧтение

What is Autolayout & expanding buttons in Figma

What is Autolayout & expanding buttons in FigmaВидеоNew Discussion Prompt

Учитесь у экспертов

Skillshare

Преподаватель курса

Figma UI UX Design Essentials Pt.2: Layout & Components
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 8.2 ч

5 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Немецкий, Индонезийский, Испанский, Японский, Казахский

Часть программы вашего университета
Обсуждение

Class project 11 - Buttons

Class project 11 - ButtonsВидео

Auto Layout for spacing

Auto Layout for spacingВидео

How to use constraints in figma

How to use constraints in figmaВидео

Combining Nested frames Auto Layout & Constraints in Figma

Combining Nested frames Auto Layout & Constraints in FigmaВидео

Adding Text Box Autoheight to Autolayout in Figma

Adding Text Box Autoheight to Autolayout in FigmaВидео

Class Project 12 - Responsive Design

Class Project 12 - Responsive DesignВидеоModule 1 QuizЗаданиеCoursera CoachingDIALOGUE
02Visual Effects & Styling6 материалов

Nice drop shadow & Inner drop shadow effects in Figma

Nice drop shadow & Inner drop shadow effects in FigmaВидеоNew Discussion PromptОбсуждение

Blur Layer & Background Blur & Image Blur in Figma

Blur Layer & Background Blur & Image Blur in FigmaВидео

How to make Neumorphic ui buttons in Figma

How to make Neumorphic ui buttons in FigmaВидео

Class project - Effects

Class project - EffectsВидеоModule 2 QuizЗадание
03Working with Components9 материалов

How to save locally & save history in Figma

How to save locally & save history in FigmaВидеоNew Discussion PromptОбсуждение

What are components in Figma

What are components in FigmaВидео

Updating & Changing & Resetting your components

Updating & Changing & Resetting your componentsВидео

You can’t kill main components in Figma

You can’t kill main components in FigmaВидео

Where should you keep your main components in Figma

Where should you keep your main components in FigmaВидео

Intro to the forward slash / naming convention in Figma

Intro to the forward slash / naming convention in FigmaВидео

Class Project - Components

Class Project - ComponentsВидеоModule 3 QuizЗадание
04Component Variants & Forms8 материалов

How to make component variants in Figma

How to make component variants in FigmaВидеоNew Discussion PromptОбсуждение

Another way to make variants in Figma

Another way to make variants in FigmaВидео

How to make a Multi Dimensional Variant in Figma

How to make a Multi Dimensional Variant in FigmaВидео

Class Project 15 - Variants

Class Project 15 - VariantsВидео

How to make a form using variants in Figma

How to make a form using variants in FigmaВидео

Class Project 16 - Form

Class Project 16 - FormВидеоModule 4 QuizЗадание
05Final Prototyping Techniques9 материалов

Putting it all together in an desktop example

Putting it all together in an desktop exampleВидеоNew Discussion PromptОбсуждение

How to add a popup overlay modal in Figma

How to add a popup overlay modal in FigmaВидео

How to make & prototype a tool tip in Figma

How to make & prototype a tool tip in FigmaВидео

What are Flows in Figma

What are Flows in FigmaВидео

Slide in mobile nav menu overlay in Figma

Slide in mobile nav menu overlay in FigmaВидео

Class project - Prototyping

Class project - PrototypingВидеоModule 5 QuizЗаданиеCourse ProjectВзаимная проверка