курс На запис

UI Design Systems - май 2026

Курсът "UI Design Systems" е естествено продължение на курса UI Design. В него, участниците ще надградят уменията си в работата с Figma, ще научат как да изградят визуален език за един интерфейс и ще се запознаят с изграждането на система от UI компоненти, с която ще си служат за създаването на един успешен дизайн. Обучението е подходящо за всеки, който иска да се занимава с уеб и софтуерен дизайн. След преминаване на курса, записаните курсисти ще могат да създават дизайн система от нулата и да я прилагат в дизайн процеса си. Ще придобият практическа и теоретична подготовка и ще може да приложат веднага натрупаните знания в професионалния си път. Възможностите за бъдещо развитие включват кариера в UI/UX Design и Product Design.

Запиши се

Онлайн

95.00 €

5.6/6 оценка

1076 курсисти

Напреднал

За кого е подходящ курсът?

Курсът е подходящ за хора с опит в изграждането на потребителски интерфейс, които искат да надградят уменията чрез изграждане на дизайн системи.

Необходими умения:
Познаване на основните инструменти и функционалности на Figma;
Познаване на основните визуални принципи;
Работа с атоми, молекули и организми;
Работа с готови дизайн системи;
Създаване на дизайн за уеб и мобилни приложения;
Английски език на ниво B1.

Умения, които ще придобиеш

Създаване на визуален език
Изграждане на преизползваеми интерфейс компоненти
Дефиниране на принципи на работа с интерфейс компоненти
Колаборация с инженери

Поддръжка и развитие на съществуващи дизайн системи

Работа с дизайн фундаменти: цвят, пространство, размери и контекст

Виж още

Проекти на курсисти

Теми

Resources
Resources

Още няма описание за тази лекция
Ресурси
Introduction to UI Design Systems
Introduction to UI Design Systems

• Introduction to the Course;
• Course Design Information, Dates and Operational Issues;
• Introduction to Design Systems: What are they and Why are they needed?;
• Principles of Operation;
• Example of Using a Design System.
Ресурси
- Видео - 11 май 2026 - Стоян Класнаков
- Презентация
Component Essentials
Component Essentials

• Basics of Figma Components;
• Dev Modean and Developer Components;
• Atomic Design;
• When, How and Why to Use Components?;
• Figma Auto Layout.
Ресурси
Components Deep Dive
Components Deep Dive

• Upgrade Over Core Components;
• Dev Mode, Developer Components and Code Connect;
• Component States, Variants, Props and Conditionals;
• Nested Components.
Ресурси
- Видео - 18 май 2026 - Стоян Класнаков
- Презентация
Design Tokens & UI Foundations
Design Tokens & UI Foundations

• Upgrading the Design System Based on New Requirements;
• Inventory Creation of Components from Existing Design;
• Using the Design System in an Existing Product.
Ресурси
Working with Use Cases
Working with Use Cases

• Choosing Layout, Grid and Responsive Web Design Strategy;
• Upgrading Design Tokens;
• Platform Features;
• Auto-Layout Deep-Dive.
Ресурси
- Видео - 26 май 2026 - Стоян Класнаков
- Презентация
Adaptive UI
Adaptive UI

• Choosing Layout, Grid and Responsive Web Design Strategy;
• Platform Features;
• Layouts & Auto-Layouts.
Ресурси
- Видео - 28 май 2026 - Стоян Класнаков
- Презентация
Brand, Marketing Design and Modular Visual Systems
Brand, Marketing Design and Modular Visual Systems

• Brand Design in the Context of a Design System;
• Modular Graphic Materials: Icons, Illustration and Photography.
Ресурси
Building for Resilience and Inclusion
Building for Resilience and Inclusion

• Building on the Sample Project;
• Organizing the Design System;
• Annotation and User Flows;
• Accessibility Audit;
• Examination of the "Edge" Case.
Ресурси
UI Patterns
UI Patterns

• Introduction to Patterns: AI is UX;
• Defining Reusable Techniques and Recipes.
Ресурси
- Видео - 08 юни 2026 - Стоян Класнаков
- Презентация
Content Heavy UI
Content Heavy UI

• Content-Rich Interface Design;
• Building Information Blocks in an Interface;
• Procedural Rendering of Information in an Interface.
Ресурси
Design Systems in the Real World
Design Systems in the Real World

• The Design System in an Organization;
• Working with Dev, Marketing and Others;
• Teamwork with Other Designers;
• Developer Hand-Off;
• Documentation;
• How to Plan at Scale?;
• Starting from 0,50 and 100.
Ресурси
- Видео - 16 юни 2026 - Стоян Класнаков
- Презентация
Exam Preparation
Exam Preparation

• Preparing for the Exam with the Key Points to Pay Attention to During the Preparation of the Course Project.
Ресурси
- Видео - 18 юни 2026 - Стоян Класнаков
- Презентация
Regular Exam
Regular Exam

Още няма описание за тази лекция
Ресурси
- Как да споделя Figma Link
- Курсов проект
Retake Exam
Retake Exam

Още няма описание за тази лекция
Ресурси
- Как да споделя Figma Link
- Курсов проект

Виж всички теми

Има ли допълнителни изисквания?

Необходим софтуер или хардуер за участие в курса:

Софтуер:

• Figma.

Цена на обучението:

95.00 €

Стоян Класнаков

Преподавател

Стоян Класнаков се занимава с реклама и дизайн от 20 години. Учил e графичен дизайн в НПГПФ, имал е множество изкарани курсове и квалификации, включително и в СофтУни, за което е признателен. Стоян е съосновател и действащ съдружник на FORMS ltd. и Lead of Design в криейтив студиото /K2Q Agency/ на компанията. Компанията има още бранд за дизайн и изработка на дрехи, както и издателство. През годините е ръководил и работил по стотици проекти както на малки фирми и стартъпи, така и на световноизвестни брандове като Coca-Cola, Mercedes, Тоyota и Lukoil. Имал е късмета и честта с екипа му да работят и по проект за Louver.

5.6/6 оценка на курса

Борис Дончев

Супер полезно и вдъхновяващо беше. Започнах да мисля по-креативно и смело. Нямах много опит в сферата, но пък се престраших да пробвам и си заслужаваше.

Николай Иванов

Харесва ми, че курсът беше изцяло практичен и можех да приложа наученото веднага върху собствените си проекти. Обучението беше отлично структуриано и информативно.

Зорница Пейчева

Курсът е страхотен! Полезно ми беше, че е онлайн и го гледам когато мога. Никога нямаше технически проблеми. Всички лекции преминаха много добре.

Виктория Ангелова

Най-много ми хареса, че се работи с реални задачи и казуси. Това направи ученето ми много по-смислено и приложимо.

Димитър Бондаренко

Обучението ми помогна да подредя знанията си и да ги приложа реално. Много съм доволен.

Георги Радев

Лекторът се представи чудесно, мога само да я поздравя и да очаквам с нетърпения следващия курс, за който се записах!

Кристина Велчева

Всичко е чудесно! Менторите са страхотни професионалисти, обясняват всичко много добре, дори и за хора с нула познания като мен. Курсът е чудесен! Keep doing what you love!

Стефан Георгиев

Не можех да повярвам колко много неща ще науча за толкова кратко време! Курсът ми даде солидна основа и сега мога да създавам дизайни с повече детайли и прецизност.

Галина Стоименова

Обучението беше гъвкаво и лесно за усвояване. Преподавателите обясняваха всичко на достъпен език, а практическите примери бяха наистина полезни.

Камелия Боянова

Лекторът се справя страхотно и определено разбира от това, което прави. Предава информацията доста разбираемо и така че да ти стане интересно. Смятам, че предава най-полезните неща за начинаещи и показва по-какъв начин да ползваш инструментите.

SoftUni ви дава 100% гаранция за качеството на този курс. За нас е важно да придобиете необходимите умения и знания. Ако по някаква причина обучението не отговори на очакванията ви, ние ви гарантираме възстановяване на цялата сума, която сте заплатили. Таксата може да ви бъде възстановена до 14 дни след заплащане на таксата за курса.

Често задавани въпроси

Как мога да се запиша?
За да се запишете, кликнете ТУК или бутона "ЗАПИШИ СЕ" и следвайте стъпките. След успешно заплащане на таксата, Вие ще бъдете записани за обучението.
Как и къде ще се провеждат занятията?
Обучението е приключило, но имате възможност да се запишете за него, получавайки достъп до видеата и ресурсите към всяко едно занятие от програмата на курса. По този начин можете да усвоявате материала с удобни за вас темпо и време.

<< Обратно към всички издания на курса "UI Design Systems"