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

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

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

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

Figma Pro Pt. 1: Auto Layouts, Grids & Components

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

О курсе

Take your Figma skills to the next level by mastering the building blocks of responsive design and scalable UI systems. In this course taught by Daniel Scott, you'll dive deep into auto layout, spacing strategies, and powerful component workflows that mirror the methods used by top UX professionals. By the end of this course, you’ll be able to: * Build robust, responsive layouts using nested auto layouts and constraints. * Use design spacing best practices for mobile and web UI. * Create and manage reusable components and variants efficiently. This course is designed for learners who already have a foundational understanding of Figma, self-taught designers looking to formalize their workflows, or experienced UX/UI practitioners seeking to refine their layouts and component logic. To succeed, you should be comfortable with Figma basics such as frames, layers, and simple prototyping. You’ll gain advanced layout skills that make your designs easier to maintain and scale—while also working faster and smarter with professional shortcuts, grid systems, and responsive logic. 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)Responsive Web DesignUI ComponentsDesign StrategiesLayout DesignFile ManagementUser Interface (UI) DesignUser Interface and User Experience (UI/UX) DesignUI/UX StrategyScalabilityWeb DesignPrototyping

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

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

01Getting Started with Figma Pro Tools9 материалов

Intro to the Figma Advanced Course

Intro to the Figma Advanced CourseВидеоProject InstructionsЧтениеNew Discussion PromptОбсуждение

Getting Started in Figma Advanced Course

Getting Started in Figma Advanced Course

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

Skillshare

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

Figma Pro Pt. 1: Auto Layouts, Grids & Components
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 7.4 ч

5 модулей

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

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

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

Auto Layout & Responsive Design 101: It's use in responsive design

Auto Layout & Responsive Design 101: It's use in responsive designВидео

Designing in Figma with Auto Spacing in Auto Layouts

Designing in Figma with Auto Spacing in Auto LayoutsВидео

When and when not to use Components in Figma

When and when not to use Components in FigmaВидеоModule 1 QuizЗаданиеCoaching DialogueDIALOGUE
02Spacing, Constraints & Layout Mastery7 материалов

What is good spacing to use in Figma

What is good spacing to use in FigmaВидеоNew Discussion PromptОбсуждение

What spacing should I use for web & app design in Figma

What spacing should I use for web & app design in FigmaВидео

Auto Layout vs Constraints in Figma

Auto Layout vs Constraints in FigmaВидео

utolayout shortcuts: Tips and tricks to work with Auto Layout faster

Autolayout shortcuts: Tips and tricks to work with Auto Layout fasterВидео

Class Project 01 - Responsive Lower Navigation

Class Project 01 - Responsive Lower NavigationВидеоModule 2 QuizЗадание
03Power User Productivity & File Mastery8 материалов

How to handle files in Figma and become a File Handling Master

How to handle files in Figma and become a File Handling MasterВидеоNew Discussion PromptОбсуждение

How to use advanced Copy, Paste, and Selection Tricks in Figma?

How to use advanced Copy, Paste, and Selection Tricks in Figma?Видео

How to do crazy things with your Figma fields?

How to do crazy things with your Figma fields?Видео

Frame Tricks: Tips and Tricks to work with Figma frames effectively

Frame Tricks: Tips and Tricks to work with Figma frames effectivelyВидео

Advanced Zooming Techniques for precision work in Figma

Advanced Zooming Techniques for precision work in FigmaВидео

ight or Dark vs System Theme: Which one to use in Figma?

Light or Dark vs System Theme: Which one to use in Figma?ВидеоModule 3 QuizЗадание
04Responsive Constraints & Grid Systems10 материалов

Class Project 02 - Event Card Constraints

Class Project 02 - Event Card ConstraintsВидеоNew Discussion PromptОбсуждение

Class Project 02 - Event Card Constraints - Completed

Class Project 02 - Event Card Constraints - CompletedВидео

Grid v Constraints v Autolayout in Figma: Which one to use and when?

Grid v Constraints v Autolayout in Figma: Which one to use and when?Видео

How to copy & paste grids and export grid styles in Figma

How to copy & paste grids and export grid styles in FigmaВидео

How to add rows and column grids to one layout in Figma

How to add rows and column grids to one layout in FigmaВидео

How to update Grid Styles in Figma

How to update Grid Styles in FigmaВидео

Grids inside of frames that aren't the main frame

Grids inside of frames that aren't the main frameВидео

Class project 03 - Event Branding

Class project 03 - Event BrandingВидеоModule 4 QuizЗадание
05Widgets, Plugins & Custom Variants6 материалов

Logos using Iconscout: How to use Iconscout to create logos in Figma?

Logos using Iconscout: How to use Iconscout to create logos in Figma?ВидеоNew Discussion PromptОбсуждение

What are widget compared to plugins in Figma?

What are widget compared to plugins in Figma?Видео

How to create ux color variants using a Figma Widget ?

How to create ux color variants using a Figma Widget ?ВидеоModule 5 QuizЗаданиеCourse ProjectВзаимная проверка