курс На запис

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 оценка на курса

Олена Кравченко

Всичко е обяснено ясно и логично. Започнах да работя много по-уверено.

Зара Георгиева

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

Теодора Пенева

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

Румен Киров

Лектора се представи чудесно, темата беше много интересна, както и начина на работа с различните приложения.

Биляна Трифонова

Курсът и занятията за мен са чудесно представени. Нямам забележки. Лекторът се справя супер и представя информацията достъпна и разбираема.

Ваня Асенова

Лекторът обяснява чудесно и дава конкретни примери, илюстриращи казаното - много добре подготвен и дава чисто практически насоки. Добра структура на представянето - откроява акцентите, повтаря важното и ни насочва към търсене и научаване съобразно интересите ни. Благодаря за това, че ми отворихте очите за много тънкости, на които не бях обръщала внимание преди.

Стоян Петров

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

Елица Маринова

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

Цветелина Радкова

Лекторът се представя страхотно - показва колко знания и опит е натрупал и по достъпен за нас начин ни предоставя информацията в лекциите. За мен всичко е много полезно и интересно.

Валентина Иванова

Чудесен курс! Тренирах се върху реални казуси и се научих как да прилагам теориите на практика. Вече съм много по-уверена в създаването на креативни проекти.

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

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

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

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