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

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

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

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

Figma UI UX Design Essentials Pt.1: Tools & Foundations

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

О курсе

In Part 1 of the Figma UI UX Design Essentials series taught by experienced designer Dan Scott, you’ll learn the core tools and foundational skills to start designing user interfaces with confidence—even if you’re brand new to design. By the end of this course, you’ll know how to create wireframes, apply key design principles, and structure your work to align with client expectations. , This course offers a beginner-friendly introduction to the UX design process, including how to define a brief, create UX personas, and lay out simple wireframes. You’ll also gain hands-on practice through class projects and get familiar with the Figma interface, tools, and workflows. This course is perfect for aspiring UX designers, developers, or anyone looking to break into the digital design industry. What makes this course unique is its approachable, project-based style and Dan’s clear, encouraging teaching that demystifies design jargon and helps you build real-world skills from day one. 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)TypographyWireframingPrototypingGraphic and Visual DesignUser Interface and User Experience (UI/UX) DesignAnimationsLayout DesignColor MatchingUser ExperiencePersona (User Experience)Collaborative SoftwareUser Experience DesignUser Interface (UI) Design

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

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

01Introduction to Figma & Course Overview10 материалов

Introduction to Figma Essentials training course

Introduction to Figma Essentials training courseВидеоSpecialization Project InstructionsЧтениеNew Discussion PromptОбсуждение

Getting started with Figma training

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

Skillshare

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

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

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 14.8 ч

11 модулей

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

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

Часть программы вашего университета
Getting started with Figma trainingВидео

What is Figma for & does it do the coding?

What is Figma for & does it do the coding?Видео

Whats the difference between UI and UX in Figma

Whats the difference between UI and UX in FigmaВидео

What we are making in this Figma course

What we are making in this Figma courseВидео

Class project 01- Create your own brief

Class project 01- Create your own briefВидеоModule 1 QuizЗаданиеCoursera CoachingDIALOGUE
02Wireframing & Foundational Design Tools6 материалов

What is Lo Fi Wireframe vs High Fidelity in Figma

What is Lo Fi Wireframe vs High Fidelity in FigmaВидеоNew Discussion PromptОбсуждение

Creating our design file & introducing frames in Figma

Creating our design file & introducing frames in FigmaВидео

The basics of type & fonts in Figma

The basics of type & fonts in FigmaВидео

Rectangles, Circles Buttons & Rounded corners in Figma

Rectangles, Circles Buttons & Rounded corners in FigmaВидеоAssignmentЗадание
03Colors, Strokes & Object Basics7 материалов

How to use color in Figma

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

Strokes plus updating color defaults in Figma

Strokes plus updating color defaults in FigmaВидео

Object editing and how to escape in Figma

Object editing and how to escape in FigmaВидео

Scale vs Selection Tool in Figma

Scale vs Selection Tool in FigmaВидео

Frames vs Groups in Figma

Frames vs Groups in FigmaВидеоAssignmentЗадание
04Wireframe Practice & Icon Design7 материалов

Class project 02- Wireframe

Class project 02- WireframeВидеоNew Discussion PromptОбсуждение

Where to get Free icons for Figma

Where to get Free icons for FigmaВидео

Matching the stroke of our icons

Matching the stroke of our iconsВидео

How to use Plugins in Figma for icons

How to use Plugins in Figma for iconsВидео

Class project 03 - Icons

Class project 03 - IconsВидеоAssignmentЗадание
05Prototyping Basics7 материалов

How to use Pages in Figma

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

How to prototype in Figma

How to prototype in FigmaВидео

Prototype animation and easing in Figma

Prototype animation and easing in FigmaВидео

Testing on your phone with Figma Mirror

Testing on your phone with Figma MirrorВидео

Class project 04 - Testing on your phone

Class project 04 - Testing on your phoneВидеоAssignmentЗадание
06Animation & Collaboration6 материалов

What is Smart Animation & delays in Figma

What is Smart Animation & delays in FigmaВидеоNew Discussion PromptОбсуждение

Class project 05 - My first animation

Class project 05 - My first animationВидео

Sharing & Commenting on Figma file with Stakeholders

Sharing & Commenting on Figma file with StakeholdersВидео

Share editing with other UX designers in Figma

Share editing with other UX designers in FigmaВидеоAssignmentЗадание
07UX Inspiration & Moodboards5 материалов

How I get inspiration for UX projects

How I get inspiration for UX projectsВидеоNew Discussion PromptОбсуждение

How to create a mood board in Figma

How to create a mood board in FigmaВидео

Class Project 06 - Moodboard

Class Project 06 - MoodboardВидеоAssignmentЗадание
08Layouts, Columns & Color Techniques9 материалов

How to work with Columns & Grid in Figma

How to work with Columns & Grid in FigmaВидеоNew Discussion PromptОбсуждение

Tips, Tricks, Preferences and Weirdness in Figma

Tips, Tricks, Preferences and Weirdness in FigmaВидео

Color Inspiration & the eyedropper in Figma

Color Inspiration & the eyedropper in FigmaВидео

How to create a color palette in Figma

How to create a color palette in FigmaВидео

How to make gradients in Figma

How to make gradients in FigmaВидео

How to create & use Color Styles in Figma

How to create & use Color Styles in FigmaВидео

Class Project - Colors & Columns

Class Project - Colors & ColumnsВидеоAssignmentЗадание
09Typography & Text Styling10 материалов

Font on Desktop vs Browser Figma

Font on Desktop vs Browser FigmaВидеоNew Discussion PromptОбсуждение

What fonts can I use plus font pairing in Figma

What fonts can I use plus font pairing in FigmaВидео

What common font sizes should I choose in web design

What common font sizes should I choose in web designВидео

How to make Character Styles in Figma

How to make Character Styles in FigmaВидео

Lorem ipsum & Placeholder text in Figma

Lorem ipsum & Placeholder text in FigmaВидео

Useful things to know about text in Figma

Useful things to know about text in FigmaВидео

How fix missing fonts in Figma

How fix missing fonts in FigmaВидео

Class project 08 - Text

Class project 08 - TextВидеоAssignmentЗадание
10Shapes, Icons & Boolean Tools7 материалов

Drawing tips and tricks in Figma

Drawing tips and tricks in FigmaВидеоNew Discussion PromptОбсуждение

Squircle buttons with ios rounded courses in Figma

Squircle buttons with ios rounded courses in FigmaВидео

Boolean Union Subtract Intersect Exclude Pathfinder in Figma

Boolean Union Subtract Intersect Exclude Pathfinder in FigmaВидео

What is the difference Union vs Flatten Figma

What is the difference Union vs Flatten FigmaВидео

Class Project 09 - Making stuff

Class Project 09 - Making stuffВидеоAssignmentЗадание
11Images, Masking & UX Tools10 материалов

Smart Selection & Tidy up in Figma

Smart Selection & Tidy up in FigmaВидеоNew Discussion PromptОбсуждение

Do I need to know Illustrator with Figma

Do I need to know Illustrator with FigmaВидео

Tips & tricks for using images in Figma

Tips & tricks for using images in FigmaВидео

Masking Cropping images in Figma

Masking Cropping images in FigmaВидео

Free image & plugin for Figma

Free image & plugin for FigmaВидео

Do you need Photoshop for UX design in Figma

Do you need Photoshop for UX design in FigmaВидео

Class Project - Images

Class Project - ImagesВидеоAssignmentЗаданиеCourse ProjectВзаимная проверка