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

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

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

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
UI/UX Wireframing and Prototyping with Figma · LearnSpace
Назад в каталог
courseraПрограммирование

UI/UX Wireframing and Prototyping with Figma

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

О курсе

Companies of all sizes use Figma, making it a top requirement for a UX/UI career. Creating wireframes and interactive prototypes reduces development time by 20% by aligning teams and identifying issues early. This course is your gateway to mastering the fundamentals of wireframing, prototyping, and usability testing with Figma, giving you job-ready skills and hands-on experience employers look for in a UX/UI designer. During this course, you’ll gain hands-on experience using Figma, learning the essentials of building structured wireframes, user flows, and interactive prototypes, including gesture-based-UI. You’ll also explore Gestalt principles to build strong visual hierarchy, structure content through effective information architecture, and take a mobile-first design approach. Through real-world challenges and usability testing, you’ll refine the designs you work on based on feedback and gain the confidence to solve UX problems with clarity and purpose. At the end of the course, in the final project, you’ll create a polished, high-fidelity prototype and your own reusable design system. Great to talk about in interviews! If you’re looking to get hands-on using Figma for wireframing and prototyping, enroll today!

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

Figma (Design Software)Usability TestingUI ComponentsPrototypingResponsive Web DesignAnimationsUser Interface and User Experience (UI/UX) DesignWeb DevelopmentWeb DesignStyle GuidesUser Interface (UI)UsabilityInteractive DesignUI/UX StrategyMobile DevelopmentUser Experience Design

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

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

01Wireframing Fundamentals with Figma27 материалов

Welcome to the Course

Course IntroductionВидеоCourse OverviewЧтениеReading: How to Make the Most of this CoursePLUGIN

Getting Started with Figma Wireframes

Introduction to Figma Interface Видео

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

Sandeep Virani

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

SkillUp

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

UI/UX Wireframing and Prototyping with Figma
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 19.9 ч

5 модулей

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

Субтитры: Арабский, Французский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
Figma Basics: Frames, Shapes, and Components Видео
Working with Grids in FigmaВидео
Understanding Wireframes and Their TypesВидео
Reading: Figma Tips and Shortcuts for Beginners PLUGIN
Demo Video: Getting Started with Figma Видео
Reading: Figma Basics for Beginners PLUGIN
Lab: Setting Up a Wireframe in Figma PLUGIN
Summary and Highlights: Getting Started with Figma Wireframes Чтение
Practice Quiz: Getting Started with Figma WireframesЗадание
From Sketch to Screen: A Wireframe WalkthroughDIALOGUE

Effective Wireframing Practices

Creating and Digitizing Paper WireframesВидеоLow-Fidelity Wireframing in FigmaВидеоLab: Create a Low-Fi Wireframe for a Mobile AppPLUGINIntroduction to Gestalt PrinciplesВидеоApplying Gestalt Principles in UX/UI DesignВидеоHow Gestalt Principles Improve UXPLUGINLab: Enhancing Wireframes Using Gestalt PrinciplesPLUGINReading: When to Use Paper, Low-Fi, and Mid-Fi Wireframes PLUGINSummary and Highlights: Effective Wireframing Practices ЧтениеPractice Quiz: Effective Wireframing PracticesЗадание

Glossary and Graded Quiz

Glossary: Wireframing Fundamentals with Figma PLUGINGraded Quiz: Wireframing Fundamentals with FigmaЗадание Getting Started: Wireframing and Figma Fundamentals Check-InDIALOGUE
02Prototyping and Usability Testing20 материалов

Prototyping Methods and Techniques

Introduction to PrototypingВидеоCreating Interactive Low-Fi Prototypes in Figma ВидеоUnderstanding Clickable Prototypes and Transitions ВидеоInteractive Prototyping Tips ВидеоPrototype Presentation Techniques ВидеоLab: Build a Clickable Mid-Fi Prototype in FigmaPLUGINReading: Prototyping Methods and Tools PLUGINSummary and Highlights: Prototyping Methods and Techniques ЧтениеPractice Quiz: Prototyping Methods and TechniquesЗадание

Testing and Evaluation Strategies

Introduction to Usability Testing Methods ВидеоHeuristic Evaluation for UX Designs ВидеоAnalyzing Usability Test Results ВидеоIterating UX Designs After Testing ВидеоLab: Conducting a Heuristic Evaluation for a PrototypePLUGINReading: Key Usability Testing Techniques PLUGIN

Module Glossary and Graded Quiz

Module Glossary: Prototyping and Usability Testing PLUGINGraded Quiz: Prototyping and Usability TestingЗаданиеSetting Your Prototyping and Usability Testing Learning ExpectationsDIALOGUE
03UI Patterns and Design Systems23 материалов

UI Elements and Design Patterns

UI Components and Design Patterns in Mobile and Web ВидеоBest Practices for UI Layouts ВидеоIntroduction to Design Systems ВидеоCreating a Moodboard and Style Guide ВидеоLab: Creating a Style Guide in FigmaPLUGINReading: Common Mobile and Web UI Patterns PLUGINBuilding a Component Library in Figma ВидеоReading: The Role of Design Systems in UX PLUGINLab: Hi-Fidelity Design Using a Style GuidePLUGINSummary and Highlights: UI Elements and Design PatternsЧтениеPractice Quiz: UI Elements and Design PatternsЗадание

Responsive and Adaptive UI Design

Designing for Different Screen Sizes ВидеоBreakpoints and Fluid Layouts in UI ВидеоCross-Device UI Considerations ВидеоMobile-First Design Strategy ВидеоAccessibility in Responsive UI ВидеоLab: Adaptive UI Design (Design a Web-to-Mobile Adaptive UI Layout)PLUGIN

Module Glossary and Graded Quiz

Module Glossary: UI Patterns and Design Systems PLUGINGraded Quiz: UI Patterns and Design SystemsЗаданиеSetting Your UI Components and Design Systems Learning ExpectationsDIALOGUE
04Interactive and Gesture-Based UI19 материалов

Designing for Touch and Gestures

Designing for Touch and Gesture Inputs ВидеоUX Principles for Gesture-Based Navigation ВидеоImplementing Mobile-Specific InteractionsВидеоAdvanced Gesture Interaction Patterns ВидеоLab: Designing for Touch and Gesture Inputs (Create Gesture-Based Interaction for a Mobile App) PLUGINReading: Mobile UI/UX Best Practices PLUGINSummary and Highlights: Designing for Touch and Gestures ЧтениеPractice Quiz: Designing for Touch and GesturesЗадание

From Mid-Fi to High-Fi UI Prototypes

Transitioning from Wireframes to High-Fidelity Designs ВидеоCreating Engaging High-Fidelity UI in Figma ВидеоMicro-Interactions for Enhanced UXВидео Animating UI Components ВидеоLab: Microinteractions in FigmaPLUGINReading: Advanced High-Fidelity Prototyping Techniques PLUGIN

Module Glossary and Graded Quiz

Module Glossary: Interactive and Gesture-Based UI PLUGINGraded Quiz: Interactive and Gesture-Based UIЗаданиеSetting Your Interactive and Gesture-Based UI Learning ExpectationsDIALOGUE
05Final Project, Final Exam, and Course Wrap-Up8 материалов

Final Project

Reading: Project Overview PLUGINLab: Final Project: eBook Public Library PLUGINFinal Project: Submission and EvaluationВзаимная проверка

Course Wrap-Up and Course Glossary

Course Wrap-Up ВидеоCourse Glossary: Wireframing and Prototyping with FigmaPLUGIN

Final Assessment

Final Exam: UI/UX Wireframing and Prototyping with Figma ЗаданиеCongratulations and Next StepsЧтениеThanks from the Course TeamЧтение
Summary and Highlights: Testing and Evaluation Strategies Чтение
Practice Quiz: Testing and Evaluation StrategiesЗадание
Reading: Material Design Guidelines PLUGIN
Summary and Highlights: Responsive and Adaptive UI Design Чтение
Practice Quiz: Responsive and Adaptive UI DesignЗадание
Summary and Highlights: From Mid-Fi to High-Fi UI Prototypes Чтение
Practice Quiz: From Mid-Fi to High-Fi UI PrototypesЗадание