00:00 Вступление 00:42 Привет всем. О себе 01:34 Что будет? 02:02 Одна из основных метрик дизайн-системы (ДС) 02:55 Как боролись за скорость проектирования. История Ozi 04:32 Проблемы первой ДС. Variants explosion. 2GB 06:12 Как было устроено в первой версии ДС 09:19 Рефакторинг (оно же Мясо) 12:30 Минусы нового подхода 13:30 Документация ДС (Showcase) 18:11 Новые механики работы с компонентами 24:35 Оно того стоило? 28:17 Ускоряемся? ДС это не проект, это продукт. 30:52 Вопросы

Давайте делать хорошо, и не делать плохо!

Второй раз пересматриваю и как будто заново посмотрел. Где второй лайк поставить?

Спасибо за видео, что делитесь таким непростым техническим опытом

Виктор. Благодарность безмерная! ❤ как всегда годный контент

два раза пересматривал весь митап и тут теперь выскочил твой канал в рекомендах! Супер, спасибо! Взял некоторые идеи по рефакторингу на вооружение, попробую замутить. Хорошо что у нас дс пока на начальной стадии, чтобы сразу сделать хорошо ))

Спасибо, обожаю твой канал и тебя получается

Спасибо, полезная информация. Мотивирует!

Это великолепно. Большое спасибо! 🙏

О, поздравляю с синьорством, кстати! :)

Спасибо за презентацию! 👍🏼

Спасибо, сенсей, очень крутая лекция!!

Очень крутой доклад!

Это! Очень! Круто! F

Мощь, большое спасибо!

Наконец-то годнота от Виктора. ❤

А можно копию или иходник глянуть под капот в фигме, как эти файлики отдельно лежат и связаны ?

Очень круто, озон супер как UI//UX нравится, особенно интересно как это устроено внутри. Местами конечно странные решения расположения элементов в карточках (вечно ищу "добавить в избранное" в верхней строке на десктопе, не читается, привык к сердечку рядом с кнопкой купить или в блоке с ценой, и не всегда влезает цена товара в один экран), но в остальном всегда замечал как быстро стали выкатываться новые блоки. Жаль рекламных блоков на заглавке стало много, ещё и с видосами. Моей модели потребления это мешает, вечно скроллить нужно, чтоб пропустить продвигаемые блоки. Но это моя модель потребления, чаще я прихожу за конкретным и в поиск. Про рефакторинг и deprecated прям божественно. В своё время не решился в озон податься от недостатка скиллов, теперь видя эту титаническую работу внутри, это мечта

Я ждал когда же будут Пистончики

Спасибо, Виктор! Можешь подсказать плиз. Почему когда хочу опубликовать библиотеку элементов, который неходятся в варианте, публикуется только первый элемент стоящий в этом варианте? Хотя в варианте штук 40 элементов.

Огонь!

про медитацию и простукивания жиза жизненная))

Виктор, у меня к вам два вопроса: 1. Состояния кнопок, у вас только default, hover, loading и этого достаточно. Как вы относитесь к тому, что некоторые разработчики просят им сделать focused, pressed states кнопки? что увеличивает кол-во вариантов. 2. Работаю сейчас на фрилансе с java разработчиком над его дизайн-системой, у нас (по его видению) уже 900 переменных (лично я дизайн систему собираю впервые, но судя по тем примерам и разборам для создания двух тем lgt, drk достаточно 60 переменных. В связи с таким большим кол-вом переменных Figma начинает баговать и часть переменных стираются или временно не отображаются, в общем мучаюсь, но разработчик (он же заказчик) стоит на своем.

24:26 подскажите, что это нам дает когда мы локальный компонент таба засовываем в обертку из библиотеки? Это нужно чтобы контролировать падинги?

Спасибо за презентацию! Хороший пример для опыта можно взять себе в работу, эти боли с разрастающимся китом и обьектами я думаю испытали многие) Только я хотел уточнить, вроде фигма сделала ограничения для России по тарифу организация, эта возможность вернулась или вы как то нашли пути обхода проблемы?

Пушкарь душит

Привет! Супер видео, спасибо! Сейчас тоже занимаюсь разработкой ДС, конечно гораздо меньше по масштабам, но все же)) Подскажи, в связи с последним обновлением Figma variables, планируете ли вы переезжать на полноценную токенизацию через variables?

А почему табу не сделать просто компонентом одним и в зависимости от случая собирать нужное количество таб из этого одноо компонента? И слоев меньше и больше гибкость. Спасибо за ответ

Виктор, я так понимаю вы в команде дс контролируете только базовые компоненты (инпуты, кнопки…) а как вы организуете продуктовые компоненты-организмы, тоже создаете для них файлы или команды хранят это в своих локальных библиотеках? Условно, команда, которая отвечает за оплату товаров сделала компонент банковской карты, где он живет, кто его описывает и может ли другая команда переиспользовать его?

Раньше я был просто фанатом оптимизации, а теперь я еще и фанат Виктора)) очень чётко и полезно

Витя, спасибо. Подскажи пожалуйста, где заказать или скачать эти стикеры?

Привет! Преза 👍🏻 Вопрос есть по иконкам, возможно не под тем видео пишу, но не страшно 🙈 У вас есть компонент IconContainer, я так понимаю, он нужен чтобы была возможность менять размер иконки в компоненте, например в кнопке. Проблема такая, создал такой же, но когда меняю размер иконки в кнопке, сама иконка меняет размер, но размер контейнера остается прежним. Есть решение, если сам IconContainer сделать Auto Layout с параметрами Hug Container, тогда все работает как надо, но в таком случае не получается сделать например иконку 20х20 в контейнере 16х16 как у вас написано в гайде 15:55 . Если можете, расскажите как у вас этот компонент устроен 👉🏻👈🏻

А где собирали презентацию? Выглядит очень еффектно

Почему делаете витрину? Почему не давать описания сразу в файле с родителями-компонентами?

А расскажи какой наилучший вариант взять какую-то существующую дизайн-систему (MS Fluent UI свежая, к примеру), но без полноценной библиотеки компонентов в фигме и затащить ее в фигму? Есть волшебно-изящный способ? Или только нудно-занудно ручками с болью и укоряющими взглядами менеджера в духе «хули так долго»?

Виктор, здравствуйте! Я вот с одной вещью разобраться не могу в своей недо-дизайн системе: если мастер менять и публиковать изменения, то они применяются на инстансы в остальных файлах, но с вариантами так не робит. Поменял мастеры в вариантах и никакой кнопки Publish. Смотрю на инстансы этих вариантов в других файлах, а там обновлений нема... Шо вот я делаю не так 😅 На другом файле стоит привязка к библиотеке, стили отображаются, а вот компоненты не хотят обновляться

Скиньте пожалуйста ссылку на плагин для проверки нагрузки на файлы Figma

Ох, если б я знал раньше насколько ты умный!!!

Было бы прикольно сделать доку в obsidian publish?

Без обид, специально зашёл на сайт с мобилы сейчас. На конструкторах и то посимпатичнее. Вкусовщина конечно, но довольно старомодно и безлико.