Дизайн-система в Talantix || Охэхэнные истории

Знаете, что дизайнеры любят делать со старыми сайтами? Точно, устраивать им редизайн. А чьими руками они это делают? Фронтендерскими!

Но что если дизайнер и фронтендер смотрят на одни и те же макеты, а видят абсолютно разные вещи? Как правильно общаться, дружить инструменты и упрощать темизацию? Рассказываем!

В новом эпизоде:

- Дизайн-токены — что такое и как приготовить?
- Болючие шишки на пути внедрения токенов
- Девтулзы и отладка на проде

Внутри:

00:00 - Интро
00:20 - Вступление
00:30 - Захотелось как-то редизайна и генераций...
02:17 - Что такое дизайн-токены?
02:52 - Что делали для первой версии токенов?
03:37 - Генерация переменных на стороне фронтенда
04:16 - "Прошивка токенами" и тестирование
04:40 - Что было неудобно с точки зрения дизайна?
05:30 - Что было неудобно на фронтенде?
06:20 - Токены 2.0
07:46 - Как подружить Токены 1.0 со второй версией?
08:20 - Подробнее о группировке токенов
09:35 - Как применяются новые токены на сайте?
10:42 - Как отлаживать новые токены?
12:45 - Токены отступов и AutoLayout в Figma
13:58 - Про девтулзы для отладки отступов на фронтенде
14:30 - О пользе пересмотра дизайн-систем
15:22 - Подводим итоги
15:50 - Заключение

🔥 Подписывайтесь на наш канал, следите за новыми полезными роликами!

#Design #Frontend #DesignSystem #DesignTokens #DevTools #ОхэхэнныйДизайн #Дизайн #Фигма #Figma #WebDesign #Product #UX #UserExperience #UI #UserInterface #Frontend #DesignCase #WebDevelopment #Разработка #ОхэхэнныеИстории #ОhhнныеИстории #ОхэхэнныеИстории #ОххенныеИстории #ОхэхэнныйДизайн #ОhhнныйДизайн #HeadhunterDesign #HhDesign #HeadhunterDevelopment

[hhtech]

Внутри:

00:00 - Интро
00:20 - Вступление
00:30 - Захотелось как-то редизайна и генераций...
02:17 - Что такое дизайн-токены?
02:52 - Что делали для первой версии токенов?
03:37 - Генерация переменных на стороне фронтенда
04:16 - "Прошивка токенами" и тестирование
04:40 - Что было неудобно с точки зрения дизайна?
05:30 - Что было неудобно на фронтенде?
06:20 - Токены 2.0
07:46 - Как подружить Токены 1.0 со второй версией?
08:20 - Подробнее о группировке токенов
09:35 - Как применяются новые токены на сайте?
10:42 - Как отлаживать новые токены?
12:45 - Токены отступов и AutoLayout в Figma
13:58 - Про девтулзы для отладки отступов на фронтенде
14:30 - О пользе пересмотра дизайн-систем
15:22 - Подводим итоги
15:50 - Заключение

[PetrAfanasyev]

Столько работы нужно проделать, чтобы поменять тон цвета

[Trecoolerok]

Эта система будет работать только в связке фигма-фронт? Как насчёт мобильных приложений?