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

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

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

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

Figma Pro Pt. 2: Interactions, Prototyping & UI Motion

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

О курсе

If you’ve ever wanted to build prototypes that feel real, dynamic, and ready to test—this course is for you. Figma Pro Pt. 2, taught by Daniel Scott, focuses on creating polished, interactive user experiences with advanced prototyping and animation techniques. By the end of this course, you’ll be able to: * Design sophisticated interactions using triggers, overlays, and animated anchor points. * Add Lottie animations, video playback, and advanced transitions to elevate your UX. * Build responsive prototypes that adapt to different screens and user behaviors. This course is ideal for designers who already understand the basics of Figma prototyping and want to make their interfaces feel alive. Whether you’re preparing a portfolio-ready case study or improving real-world handoffs, you’ll learn how to use Figma as a true prototyping powerhouse. A working knowledge of frames, auto layout, and basic components is required to succeed in this course. You’ll come away with deep knowledge of micro-interactions, hover states, interactive menus, and much more—everything you need to prototype like a UX pro. 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)PrototypingInteraction DesignUI ComponentsTypographyAnimationsLayout DesignUser Interface (UI) DesignResponsive Web DesignUser Interface (UI)User ExperienceDesign SoftwareMotion GraphicsScalabilityInteractive Design

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

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

01Building Responsive Foundations with Auto Layouts14 материалов

Intro to Nested & Responsive Auto layouts Section

Intro Reading for Figma Pro Part 2ЧтениеIntro to Nested & Responsive Auto layouts SectionВидеоProject InstructionsЧтениеNew Discussion PromptОбсуждение

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

Skillshare

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

Figma Pro Pt. 2: Interactions, Prototyping & UI Motion
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 11.1 ч

6 модулей

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

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

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

Production video - Tidying up my frame & component mess

Production video - Tidying up my frame & component messВидео

Bring in images using the Unsplash plugin in Figma

Bring in images using the Unsplash plugin in FigmaВидео

Production video - Making the parts for our nested autolayout

Production video - Making the parts for our nested autolayoutВидео

Nesting Multiple Auto Layouts inside each other in Figma

Nesting Multiple Auto Layouts inside each other in FigmaВидео

Autolayout Nesting with variants and responsive text in Figma

Autolayout Nesting with variants and responsive text in FigmaВидео

Auto Layout on different device sizes- How to make advanced Auto Layouts

Auto Layout on different device sizes- How to make advanced Auto LayoutsВидео

Responsive text that adjusts for 2 lines in Figma

Responsive text that adjusts for 2 lines in FigmaВидео

Abstract Gradient Background in Figma the easy way

Abstract Gradient Background in Figma the easy wayВидеоModule 1 QuizЗаданиеCoaching DialogueDIALOGUE
02Animating UI Elements with Motion & Feedback10 материалов

How to copy and paste Interactions in Figma

How to copy and paste Interactions in FigmaВидеоNew Discussion PromptОбсуждение

How to animate gradient mesh using Variants in Figma

How to animate gradient mesh using Variants in FigmaВидео

Class project 04 - Background Animation

Class project 04 - Background AnimationВидео

Houdini Text: How to make a text mask animation Figma?

Houdini Text: How to make a text mask animation Figma?Видео

How to use the Spring Animations in Figma

How to use the Spring Animations in FigmaВидео

Spring Animation: How to make custom Spring Animation in Figma

Spring Animation: How to make custom Spring Animation in FigmaВидео

Why is interaction on tap on click grayed out or missing in Figma?

Why is interaction on tap on click grayed out or missing in Figma?Видео

Class project 05 - Houdini Text Animation Prototyping - Level 1

Class project 05 - Houdini Text Animation Prototyping - Level 1ВидеоModule 2 QuizЗадание
03Navigation, Sticky Scrolls & Mobile Prototyping8 материалов

Create & remove bulk multiple noodles wires at once in Figma

Create & remove bulk multiple noodles wires at once in FigmaВидеоNew Discussion PromptОбсуждение

How to bulk update nav links in your Figma prototype

How to bulk update nav links in your Figma prototypeВидео

How to set the right phone and find old prototype phones in Figma

How to set the right phone and find old prototype phones in FigmaВидео

How to make sticky scroll position search bar in Figma

How to make sticky scroll position search bar in FigmaВидео

How to stack multiple sticky text vertical scrolling in Figma

How to stack multiple sticky text vertical scrolling in FigmaВидео

Class project 06 - Multiple Sticky Headings

Class project 06 - Multiple Sticky HeadingsВидеоModule 3 QuizЗадание
04Interactive Components & OS UI Design12 материалов

How to make Interactive Components in Figma

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

How to make a checkmark turn on and off in Figma

How to make a checkmark turn on and off in FigmaВидео

Interactive components with sliding button in navigation for Figma

Interactive components with sliding button in navigation for FigmaВидео

Class project 07 - Sliding Button Nav Challenge

Class project 07 - Sliding Button Nav ChallengeВидео

Class project 07 - Completed

Class project 07 - CompletedВидео

How to use Sections in Figma for organizing your content

How to use Sections in Figma for organizing your contentВидео

How to use sections for prototyping in Figma

How to use sections for prototyping in FigmaВидео

How to add iOS battery wifi notch status bar to Figma

How to add iOS battery wifi notch status bar to FigmaВидео

How to add iOS or Android Snack Bar UI to Figma

How to add iOS or Android Snack Bar UI to FigmaВидео

Class project 08 - Operating System UI

Class project 08 - Operating System UIВидеоModule 4 QuizЗадание
05Advanced Layer & Variant Management in Design Systems11 материалов

Be careful what you create in Figma

Be careful what you create in FigmaВидеоNew Discussion PromptОбсуждение

What are the advanced Layer shortcuts in Figma

What are the advanced Layer shortcuts in FigmaВидео

How to find layer Zen shortcuts in Figma

How to find layer Zen shortcuts in FigmaВидео

How to hide and lock unlock all layers in Figma

How to hide and lock unlock all layers in FigmaВидео

How to use Locked layers in Figma

How to use Locked layers in FigmaВидео

How to Find Replace and Multi-select Layer Search in Figma

How to Find Replace and Multi-select Layer Search in FigmaВидео

How to Bulk Rename Layers with advanced tricks in Figma

How to Bulk Rename Layers with advanced tricks in FigmaВидео

How to replace instances and variants with shortcuts in Figma

How to replace instances and variants with shortcuts in FigmaВидео

ow to use Instance Swap Component Properties with preferred in Figma

How to use Instance Swap Component Properties with preferred in FigmaВидеоModule 5 QuizЗадание
06Component Properties & Design System Integration14 материалов

How to use Component Text Property in Figma

How to use Component Text Property in FigmaВидеоNew Discussion PromptОбсуждение

How to use Boolean Component Property in Figma

How to use Boolean Component Property in FigmaВидео

How to make an input field using only component properties in Figma

How to make an input field using only component properties in FigmaВидео

How to Combine Variants with Component Properties in Figma

How to Combine Variants with Component Properties in FigmaВидео

How to apply component properties to existing design systems

How to apply component properties to existing design systemsВидео

What is Simplify Instances in Figma

What is Simplify Instances in FigmaВидео

What does Expose Nested Instances do in Figma

What does Expose Nested Instances do in FigmaВидео

Class project 09 - One button to rule them all

Class project 09 - One button to rule them allВидео

What are some font tips and tricks in Figma

What are some font tips and tricks in FigmaВидео

How to see Live Font Previews in Figma

How to see Live Font Previews in FigmaВидео

How to reset fonts & set default fonts in Figma

How to reset fonts & set default fonts in FigmaВидеоModule 6 QuizЗаданиеCourse ProjectВзаимная проверка