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

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

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

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

Figma Pro Pt. 3: Advanced Typography, Masking & Media

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

О курсе

Ready to unlock the full visual power of Figma? In this course, instructor Daniel Scott will have you explore advanced techniques in typography, image masking, video integration, color styling, and animation to elevate your design projects to a professional level. Whether you're enhancing a portfolio piece or working on a real-world UX/UI project, this course gives you the tools to create bold, expressive, and functional designs that impress. By the end of this course, you'll be able to: * Master advanced typography tools like variable type, leading trim, and curved text. * Create sophisticated masks using text, PNGs, luma, and vector shapes. * Integrate video, apply hover effects, and use animated playback controls in your prototypes. This course is perfect for learners who have completed Figma Essentials or Figma Pro Pt. 1–2, and are looking to sharpen their visual and interactive design skills. A working knowledge of Figma is required. You’ll also dive into using AI tools, advanced color systems, and collaborative style management—all while creating hands-on class projects to showcase your new superpowers. 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)Graphic and Visual DesignTypographyAI IntegrationsLayout DesignAnimationsInteractive DesignAI WorkflowsCollaborative SoftwareUser Interface (UI) DesignStyle GuidesPrototypingUser Interface and User Experience (UI/UX) DesignAI powered creativity

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

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

01Advanced Typography & Type Controls13 материалов

How to Use Line Height Percentage in 8pt grid in Figma

Intro Reading for Figma Pro Part 3ЧтениеHow to Use Line Height Percentage in 8pt grid in FigmaВидеоProject InstructionsЧтениеNew Discussion PromptОбсуждение

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

Skillshare

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

Figma Pro Pt. 3: Advanced Typography, Masking & Media
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 9.9 ч

6 модулей

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

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

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

How to use Leading trim to cap height to baseline in Figma

How to use Leading trim to cap height to baseline in FigmaВидео

How to set Hanging Punctuation for pull quotes & call outs in Figma

How to set Hanging Punctuation for pull quotes & call outs in FigmaВидео

What are the Advanced Type Options in Figma

What are the Advanced Type Options in FigmaВидео

How to use Variable Type in UX app design in Figma

How to use Variable Type in UX app design in FigmaВидео

How to curve text with type on a path in Figma

How to curve text with type on a path in FigmaВидео

How to use adobe fonts & local fonts in Figma

How to use adobe fonts & local fonts in FigmaВидео

How to Preserve text overrides or not in Figma variant

How to Preserve text overrides or not in Figma variantВидеоModule 1 QuizЗаданиеCoaching DialogueDIALOGUE
02Smart Figma Tools: AI, Images & Masking Basics13 материалов

How to use Chat GPT AI to create placeholder and personas in Figma

How to use Chat GPT AI to create placeholder and personas in FigmaВидеоNew Discussion PromptОбсуждение

How to create an image style in Figma

How to create an image style in FigmaВидео

What's the difference with Images inside frames vs fills vs Masked in Figma

What's the difference with Images inside frames vs fills vs Masked in FigmaВидео

How to crop images using shortcuts in Figma

How to crop images using shortcuts in FigmaВидео

How to mask images with text in Figma

How to mask images with text in FigmaВидео

Class Project 10 - Text Mask

Class Project 10 - Text MaskВидео

How to mask using transparent pngs with alpha channels in Figma

How to mask using transparent pngs with alpha channels in FigmaВидео

Class Project 11 - Alpha Mask

Class Project 11 - Alpha MaskВидео

How to create a luma mask in Figma

How to create a luma mask in FigmaВидео

Class project 12 - Luma Mask

Class project 12 - Luma MaskВидео

How to make a spillover mask outside of the frame in Figma

How to make a spillover mask outside of the frame in FigmaВидеоModule 2 QuizЗадание
03Custom Masks, Blending Modes & Effects9 материалов

How to use the pen tool to make image masks in Figma

How to use the pen tool to make image masks in FigmaВидеоNew Discussion PromptОбсуждение

How to use color layer blending modes in Figma

How to use color layer blending modes in FigmaВидео

Class project 13 - Social Ad

Class project 13 - Social AdВидео

How to add video in Figma

How to add video in FigmaВидео

How to make a background autoplay video in Figma

How to make a background autoplay video in FigmaВидео

How to get a video play when you hover in Figma

How to get a video play when you hover in FigmaВидео

Class project 14 - Hover Play

Class project 14 - Hover PlayВидеоModule 3 QuizЗадание
04Building Video Cards & Color Systems12 материалов

How to make a play pause button for video in Figma

How to make a play pause button for video in FigmaВидеоNew Discussion PromptОбсуждение

How to build a video card in Figma

How to build a video card in FigmaВидео

Class project 15 - Video Card

Class project 15 - Video CardВидео

What are some advanced color tricks in figma

What are some advanced color tricks in figmaВидео

How to change replace colors in Figma

How to change replace colors in FigmaВидео

How to create Color Themes for light and dark in Figma

How to create Color Themes for light and dark in FigmaВидео

How to group color styles using slashes or folders in Figma

How to group color styles using slashes or folders in FigmaВидео

How to descriptions to your styles in Figma for others to use

How to descriptions to your styles in Figma for others to useВидео

Editing someone else's styles or component library in Figma

Editing someone else's styles or component library in FigmaВидео

How to hide color font styles & components from team library in Figma

How to hide color font styles & components from team library in FigmaВидеоModule 4 QuizЗадание
05Cross-File Workflows & Library Refactoring8 материалов

How to compare changes in component with overlay in Figma

How to compare changes in component with overlay in FigmaВидеоNew Discussion PromptОбсуждение

How to refactoring styles to another design file in Figma

How to refactoring styles to another design file in FigmaВидео

How to move relink refactoring components to another design file in Figma

How to move relink refactoring components to another design file in FigmaВидео

How to swap parts or entire component & style library in Figma

How to swap parts or entire component & style library in FigmaВидео

What are some advanced drawing tips and tricks in figma

What are some advanced drawing tips and tricks in figmaВидео

How to draw in Figma with the pen tool- Anchor point mastery

How to draw in Figma with the pen tool- Anchor point masteryВидеоModule 5 QuizЗадание
06Animations, Booleans & Layout Mastery8 материалов

How to draw with Bend & Mirror angle in Figma

How to draw with Bend & Mirror angle in FigmaВидеоNew Discussion PromptОбсуждение

Can you animated anchor points or booleans in Figma

Can you animated anchor points or booleans in FigmaВидео

How to animate a mobile nav menu in Figma using a dip

How to animate a mobile nav menu in Figma using a dipВидео

Class project 16 - Alt Nav Animation

Class project 16 - Alt Nav AnimationВидео

How to overlap & stack things in a Figma Autolayout

How to overlap & stack things in a Figma AutolayoutВидеоModule 6 QuizЗаданиеCourse ProjectВзаимная проверка