Главная страницаКатегория figmaКурс по дизайн-системам для Figma

Курс по дизайн-системам для Figma

Name: Курс по дизайн-системам для Figma
Price: 13 USD
Rating: 5 (1 reviews)

Design System Course for Figma

Headway

★5 (всего оценок - 1)

Начать Сейчас

Продолжительность

12 ч 20 мин

Категория

Figma

Количество уроков

47 Видео

Дата добавления

11 февр. 2026 г., 22:04

Язык

Английский

Видео‑курс для продуктовых дизайнеров, который учит создавать дизайн-системы в Figma с учётом работы вашей команды и потребностей при разработке новых функций.

Для кого этот курс:

Курс полезен каждому:

Начинающие дизайнеры — вы работаете в одиночку или в небольшой команде, которая тесно взаимодействует с разработчиками.
Дизайнеры, испытывающие трудности — вам сложно успевать за постоянно меняющимися требованиями и новыми функциями.
Разработчики — нет времени искать актуальные стандарты и практики по всей сети.
Руководители проектов — вы умеете работать в Figma и хотите эффективно использовать дизайн-системы вместе с командой.

Чему вы научитесь:

Чтобы стать экспертом по дизайн-системам, нужно пройти два ключевых этапа:

Изучение теории
1. Вы познакомитесь с моделями, которые можно применять, и поймёте, почему это важно. Теория помогает решать сложные дизайнерские задачи внутри проектов и даёт ценные знания.
Практическая работа
1. Примените теорию на практике с помощью пошаговых видео‑уроков. Совмещая знания и навыки, вы станете ценным ресурсом и лидером в любой продуктовой команде.

Опыт всей команды

Курс создавался не одним дизайнером, а всей командой Headway. Мы делимся лучшими способами построения дизайн-систем, которые учитывают уникальные потребности вашей команды.

Посмотреть больше

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:07:26
1. Why Design Systems
Урок 2. 00:10:04
2. Understanding Atomic Design
Урок 3. 00:16:38
3. Sessions and Workshops to Run Before Starting a System Build
Урок 4. 00:16:38
4. Planning Your Design System Effort
Урок 5. 00:12:57
5. Abstracting Your Design System
Урок 6. 00:10:56
6. Accessibility In Design Systems
Урок 7. 00:14:35
7. Setting Up Your Design Files in Figma
Урок 8. 00:07:09
8. Establishing a Naming Convention for Your Design System
Урок 9. 00:11:55
9. What are Design Tokens
Урок 10. 00:20:53
10. Establishing Type Tokens
Урок 11. 00:58:43
11. How Design Variables Work for Your Design System
Урок 12. 00:12:58
12. Establishing Color Tokens
Урок 13. 00:08:37
13. Component Properties
Урок 14. 00:12:09
14. Base Bulk Edit Components
Урок 15. 00:30:37
15. Complex Components
Урок 16. 00:19:34
16. Block Based Systems
Урок 17. 00:14:57
17. Slot or Replace Me Components
Урок 18. 00:02:50
18. Coordinating with Developer Handoff
Урок 19. 00:19:06
19. Creating a Design System Governance Model
Урок 20. 00:04:58
20. Pattern Specific Documentation
Урок 21. 00:10:50
21. Design System Documentation
Урок 22. 00:01:24
1. Course Introduction
Урок 23. 00:25:15
2. Lesson 1 Component Capture
Урок 24. 00:18:22
3. Lesson 2 Creating a Color Palette
Урок 25. 00:31:47
4. Lesson 3 Creating Design Variables in Figma
Урок 26. 00:11:34
5. Lesson 3.1 Variables Naming Continued
Урок 27. 00:16:37
6. Lesson 4 Type Scale
Урок 28. 00:03:21
7. Lesson 4.1 Type Scale Line Height Tip
Урок 29. 00:08:28
8. Lesson 5 Cleaning up Variables and Type Styles
Урок 30. 00:25:23
9. Lesson 6 Building our first Component Toggle
Урок 31. 00:27:58
10. Lesson 7 Avatars
Урок 32. 00:48:14
11. Lesson 8 Cards
Урок 33. 00:14:29
12. Lesson 8.1 Cards Part 2
Урок 34. 00:19:14
13. Lesson 9 Buttons
Урок 35. 00:26:28
14. Lesson 10 Galleries & Pagination
Урок 36. 00:12:03
15. Lesson 10.1 Galleries & Pagination Pt 2
Урок 37. 00:09:29
16. Lesson 11 Inputs
Урок 38. 00:11:45
17. Lesson 11.1 Inputs Part 2
Урок 39. 00:03:29
18. Lesson 12 Links
Урок 40. 00:06:22
19. Lesson 13 Header
Урок 41. 00:07:57
20. Lesson 13.1 Header Part 2
Урок 42. 00:20:05
21. Lesson 14 Footer
Урок 43. 00:13:43
22. Lesson 15 Blocks
Урок 44. 00:09:45
23. Lesson 16 Publishing and Testing our System
Урок 45. 00:25:48
24. Lesson 17 Finalizing our Components
Урок 46. 00:01:00
25. Conclusion & Resources
Урок 47. 00:16:20
26. Bonus List Items

Shipwright: Getting Started with Design Systems - Lesson 1-21
Shipwright: Build your first Design System in Figma - Lesson 22-47

Автор - Headway

Headway

Headway — больше, чем просто имя. Это наш подход к работе и жизни. Это обязательство помогать вам сосредоточиться на действительно важном, чтобы создавать влияние и достигать результатов. Продвигаться вперёд, даже когда ветер дует в лицо, а шансы против вас.

Комментарии