Designsystemet - Core UI Kit — Дизайн-система которая подходит для разных проектов

Изображение поста

📖 Вышел Журналус № 490. Эпоха Возрождения дизайнерской автономности

Вот что мы подготовили на этой неделе: • Цитаты из книги Элис Росторн «Дизайн как отношение» • Творческий и жизненный путь Эль Лисицкого • Как Пит Мондриан выстраивал свой личный бренд и стиль десятилетиями • Как проектировать UI-паттерны для AI-функций • Почему стартапам не нужна дизайн-система • Почему концепция важнее кода • Подкаст с Данилой Ковчим из «Яндекса» • Онлайн-архив культового журнала об осознанности и автономности • Календарь с шикарными акварельными иллюстрациями
Изображение поста

Салют!

В этом году я писал не так много — постов и длинных текстов было меньше, чем обычно. Весь фокус ушёл в основную работу и два сезона подкастов. Поэтому вместо классических итогов года — просто аккуратно разложу, что вообще случилось и чем этот год запомнился. 🎙 Этот ваш дизайн В этом году у подкаста случился новый этап — целый сезон из 14 эпизодов и новая соведущая — Лавруш. Мы много пробовали, экспериментировали, спорили, смеялись и, кажется, наконец нащупали свой ритм. Вот несколько выпусков, которые вы слушали чаще всего: ☺️HR-бренд компании и личный бренд сотрудника ☺️Что взять с собой на собеседование ☺️Как собрать единорога в одиночку: взрослый разговор про нейросети ☺️Эмоции, метаданные и бренд, который выбирают ☺️Системный подход к личной продуктивности ☺️Как появляются девайсы: исследования, идеи и физический дизайн А ещё в этом сезоне появились циферки — от прослушиваний до денег. Про них тоже рассказал отдельно. 🎙 Дизайн Тусовка Отдельное событие этого года — сезон из пяти выпусков вместе с Зелёным Банком. Про людей, работу, сомнения и реальность между дизайном и менеджментом: ☺️Дружитес: как дизайнеру и продакту найти коннект ☺️Будущее на колёсах: как работает автономный транспорт ☺️Реальная жизнь между дизайном и менеджментом ☺️Обучение без боли. Как не бросить всё после второго занятия ☺️Как считать деньги в дизайн-системе ❤️ Записи Без лонгридов, заметок и мнений тоже конечно же не обошлось (осторожно, много букав): ☺️Подробный разбор переменных Figma Variables ☺️Как быстро подготовиться к защите решения ☺️Киберпсихология и ИИ: как дизайнеру писать тексты с помощью нейронок ☺️Пути продуктового дизайнера ☺️Когда нейросеть стала соавтором, может ли дизайнер остаться креатором? ☺️Ошибки дизайн-лида ☺️Как появляются инсайты, реально меняющие продукт: взгляд исследователя Очень хочется верить, что ваш год был если и не простым, но в жоском росте. С наступающим, друзья 🥂 Пусть в 2026 будет больше спокойствия, ясности и ощущения, что вы на своём месте. Увидимся в новом году ❤️
Изображение поста

Когда достаточно UI kit, а когда без дизайн-системы больно

Статья расскажет о том, как улучшить ситуацию с дизайном в компании, где беспорядок или отсутствие единого стиля. Узнаете, как создать согласованный дизайн интерфейсов и продуктов Читать на дизайнерс | #статья
Изображение поста
UI/UX-Дизайнер в Pitchitt
Мы — Pitchitt, студия дизайна, которая помогает компаниям и стартапам упаковываться и обретать идентичность. Задачи: — анализировать клиентский бриф и бизнес-задачи — проектировать структуру сайтов и digital-продуктов — продумывать пользовательские сценарии и UX-логику — создавать wireframes и интерактивные прототипы — разрабатывать UI-концепции и дизайн интерфейсов — работать с дизайн-системами и компонентами — подготавливать макеты к передаче в разработку — вносить правки по комментариям клиента и команды Ожидания: — умение работать по брифу и соблюдать фирменный стиль — отличное владение Figma — понимание принципов UX, usability и адаптивного дизайна — аккуратность и системный подход к работе с файлами — навыки презентации своих решений и аргументации дизайна — способность работать с данными, сложной структурой и логикой продукта — опыт проектирования сайтов, лендингов или digital-сервисов Условия: — внештатное сотрудничество — асинхронный график работы — полностью удалённый формат — оплата в рублях, лари, криптовалюте или через PayPal Как откликнуться: — присылайте портфолио и короткий рассказ о себе @daserovaa или на почту сontact@pitchitt.art #дизайн
Изображение поста
Коллекция наших наград пополнилась в 2025 году
Премии и фестивали на этот год — всё. Собрали подборку главного из нашего улова ФЕСТИВАЛЬ НОВОГО ДИЗАЙНА СРЕДА 🥇Интерактивный дизайн (Открытое жюри) — ХУ ИЗ ГИЛТИ 🥈 Промо сайты — ХУ ИЗ ГИЛТИ 🥈 Дизайн одностраничного сайта — ХУ ИЗ ГИЛТИ 🥉 Иллюстрация и фотография в айдентике — ХУ ИЗ ГИЛТИ WEBBY 🏆Best Use of Animation or Motion Graphics (шортлист) — WHO IS GUILTY AWWWARDS 🏆Site of the Day — WHO IS GUILTY CSSDA 🏆Website of the Day — WHO IS GUILTY SILVER MERCURY 🥉Альфа-Банк: Игры для (не)малого бизнеса LOYALTY & CX AWARDS RUSSIA 🥇Геймификация – Лучшая креативная идея — Алхимия акций, игра 🥇Лучшая геймификация в финансовом секторе — Алхимия акций, игра RUWARD 🥇Design/creative: Агентство года / Perspective — REBOOT STUDIO 🥇Весь digital-рынок / Гран-при: Кейс года — ХУ ИЗ ГИЛТИ WDA 🥇Дизайн и брендинг – Веб-дизайн (UX/UI) — ХУ ИЗ ГИЛТИ BEHANCE 🏆Best UI (Behance feature) — Alfa «Лестница», игра 🏆 Best of Behance — WHO IS GUILTY DPROFILE AWARDS 🥇Лучший UI — SKREPKA 🥇Лучшее на Dprofile — ХУ ИЗ ГИЛТИ 🥇Лучшее на Dprofile — В поисках акций, игра 🥇Лучшие иллюстрации — В поисках акций, игра 🥇Лучший UI —Яндекс.Реклама, дизайн-система портала 🥇Лучшие иллюстрации — Звёздный Бизнес, игра 🥈UI дизайн — ХУ ИЗ ГИЛТИ РЕЙТИНГ РУНЕТА 🥇Игры, игрушки / Сайты и веб-сервисы 🥇Геймдизайн / Сайты и веб-сервисы 🥈Сайты на Webflow 🥉Молодые агентства RUWARD RANKING 🏆Кубковый рейтинг Digital Design & Creative (4 место) 🏆Motion-дизайн и анимация для digital (5 место) WORKSPACE RATING 🥇Лучшие геймдев студии СПб 🏆Лучшие геймдев студии РФ (4 место) НАЦИОНАЛЬНЫЙ РЕЙТИНГ SOSTAV 🏆Технологии и инновации (24 место) 🏆Брендинг (30 место) 🏆Диджитал (42 место)
Изображение поста
Минутка систем:
Один из заметных трендов в дизайне этого года — системность. Как дизайн-директор, я вижу, что большинство клиентов из крупных компаний уделяют много внимания своим дизайн-системам, их развитию и автоматизации. Заметил появление коллег из t2.digital, опубликовавших в «Клубе отечественных дизайн-систем» свой кейс. Очень полезно для дизайнера изучать системные подходы к проектированию — например, как устроена новая дизайн-система в T2. Особенно интересен процесс: рассказывается о возможных сложностях, с которыми могут столкнуться команды дизайнеров и разработчиков при переходе к ее использованию, а также описывается процесс настройки UI Kit на React. Современный дизайн, особенно цифровой, это прежде всего понимание ценности и создание системных зависимостей, которые должны работать на сотнях разных носителей, экранов, разрешений. И одно дело их создавать и проектировать, а другое уметь пользоваться документацией и наборами пакетов для разработки дизайна известного бренда.
Изображение поста
«Клуб отечественных дизайн-систем» пополнился командой t2.digital
В своих материалах T2 рассказывает, как собирала свою DS: от первых попыток унифицировать UI до построения полноценной системы токенов и компонентов. Раньше продукты T2 выглядели разрозненно — классическая проблема больших команд. Дизайн-система стала ответом: foundation-токены формируют визуальную основу, а компонентная библиотека обеспечивает одинаковое поведение и внешний вид интерфейсов. Система работает не как «витрина компонентов», а как инфраструктура: единые правила, документация, согласованные паттерны. Такой подход помогает быстрее собирать интерфейсы, упрощает разработку и формирует единый язык всех продуктов T2.
Изображение поста
Команда t2.digital вошла в «Клуб отечественных дизайн-систем» — серьезное признание того, что их подход к построению DS действительно работает.
T2 подробно делится опытом внедрения: какие проблемы возникают, когда у разных команд свой UI-кит, почему дизайн-система нужна не как «продукт ради продукта», а как способ синхронизировать визуальный язык и код. В основе их DS — foundation-слой с токенами (цвета, сетки, типографика) и унифицированными компонентами, одинаковыми для разных платформ. Такой подход снижает расхождения между дизайнерами и разработчиками, ускоряет сборку интерфейсов и делает продукты визуально цельными. Это пример зрелой дизайн-системы, которая работает в большой компании.
Изображение поста
Дизайн-система 👌
Ребята из t2.digital появились в «Клубе отечественных дизайн-систем». Если кто не знает, это каталог, который ведут Андрей Сундиев и Юрий Ветров. Там собраны дизайн-системы крупнейших российских компаний. Попасть туда просто так нельзя — нужно иметь реальную технологическую платформу, а не просто UI Kit в Фигме. 🔥 Почему это круто Можно посмотреть, как устроена дизайн-система изнутри. Ребята подробно разобрали опыт ее создания: с какими трудностями столкнулись, как команды дизайнеров и разработчиков переходили на новую систему. Еще описали процесс настройки UI Kit на React — от установки зависимостей до сборки готового пакета. Маст-хэв для тех, кто строит или планирует строить свою дизайн-систему (не путаем с UI-китом) 😍 ➡️ Посмотреть ДС Т2 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Как тебя могут кинуть. Как правильно работать с партнерами. Какую роль играет в апрок Ксения Толокнова ❔
Расскажу по порядку. Год назад я поставил себе цель усилить школу по продуктовому направлению. Каждый год я выбираю одну главную цель, на которой мы концентрируемся с командой. В позапрошлом году — коммерческие проекты студентов, в следующем — нейросети во всех слоях дизайна (от аналитики до визуала). ⚡️В видео немного закулисья: Ксюша прислала мне апдейт по курсу «Веб-приложения». Познакомился я с Ксюшей по рекомендации моего студента Коли, за что ему низкий поклон. Я созвонился с ней, и сразу почувствовал, что у нас много общего в отношении к делу. Но важно сразу не очаровываться и двигаться последовательно. Ксюша на тот момент работала дизайн-лидом в Альфа-Банке и отвечала за дизайн-систему мобильного банка для юрлиц. До этого у нее уже был опыт 12 лет продуктового дизайна и работы в компаниях. Также она активно занималась обучением — от менторства до разработки методологий Я решил пойти ва-банк и дать Ксюше посмотреть наш курс по мобилкам. Она сразу включилась в работу: сама присылала регулярные статусы, мысли, правки. Ей понравились программа и уровень ваших работ. И она серьезно заинтересовалась. В принципе, на это у меня и был расчет. Дальше я предложил создать небольшой совместный курс — «Job Offer», чтобы протестировать сотрудничество. Все прошло отлично: Ксюша взяла на себя всю ответственность и полностью сделала курс. Я дал ей своих кураторов в помощь, и так она уже немного познакомилась с командой на конкретной задаче. Отзывы студентов по курсу были очень теплые, и это стало логичной точкой перехода к следующему этапу. Мы решили создать новое направление UXROCK, сделали Ксюшин продуктовый тг-канал (@uxrockru) и начали работу над совместным курсом по мобильным приложениям. 📌 Важная мысль про партнерства. У меня были коллаборации по разным направлениям, и я серьезно прогорел на некоторых сотрудничествах. В партнерстве легко нарваться на ситуацию, когда у человека меняются планы или он просто не тот, за кого себя выдает по уровню профессионализма. Это почти то же самое, что в найме, но риски выше из-за уровня доверия. Поэтому нельзя очаровываться ни первыми, ни последующими впечатлениями — нужно смотреть только на результаты и двигаться постепенно. Тем более у меня большая ответственность перед вами, мне категорически нельзя ошибаться в людях При работе над курсом Ксюша сохранила апроковское ядро — последовательную практику и упор на обратную связь — но создала полностью новый продукт. Она писала курс очень быстро, а я вычитывал каждый блок. В первую очередь, потому что несу ответственность перед вами и должен быть уверен в том, что презентую. От меня были минимальные правки, в духе того, что она сама бы увидела в материале свежим взглядом. Дальше я начал передавать ей кураторов под управление и повышение квалификации. Все-таки она суперопытный дизайн-лид, и я только рад прокачке моих ребят. Ксюша уже почти год управляет ими и следит за ними. Ребята тоже любят ее. Обычно смена руководителя может быть стрессовой, но здесь все прошло плавно и гладко. В продуктовый курс Ксюша также добавила большое количество сильных экспертов, менторские проверки и много деталей, которые сильно прокачали наш подход. Сейчас по той же модели она завершает курс «Веб-приложения». Далее вместе обновим «Сайты»: добавим юр. документы и подтянем по уровню до остальных продуктовых курсов. Все обновления будут доступны бесплатно ученикам курса «Сайты» Так влияние Ксюши в UPROCK стало гораздо шире: ее подходы переходят в остальные курсы и улучшают все наши методики и процессы. 📌 На самом деле, я приобрел друга — боевого товарища по опасному бизнесу. У меня как будто выросли еще две руки, теперь я могу делать больше благодаря Ксюше. Так что в планах на следующий год — не только нейросети, но и доведение учебных процессов до идеала. Да, мы с Ксюшей еще те перфекционисты. ⚡️ И приглашаю всех на дипломную защиту проектов по ее курсу «Мобильные приложения» 18 декабря в 19:00 (МСК): Youtube / VK
Минутка самоценности:
В профессии дизайнера есть несколько ключевых ценностей, которые стоит научиться понимать, признавать, чтобы уверенно работать и развиваться. Причем это ценности исходящие из самостоятельного, личного опыта, умения посмотреть на себя критически. Это не просто как организовано ваше портфолио, а по каким сумкам и чемоданам вы распределили свои сильные, ценные, востребованные навыки и опыт и как их показали миру, индустрии, но прежде всего самому себе. Самоценность визуальной идентичности. Это про вашу силу и ценность работы с визуалом, умение попадать в стиль, экспериментировать, но и следовать гайдам и их понимать. Тонкости понимания как возникает и живет стиль. Узнаваемые свои приемы среди точного следования самым строгим дизайн-системам. Самоценность креативности и мышления. Самая ценная компетенция — мышление, логика, критическое мышление и креативность. Как вы работаете со смыслом, хорошо придумываете идеи или умело реализуете чужие. Предпринимательское чутьё и вовлеченность в бизнес на креативе. Самоценность отношения к делу. Вся репутация дизайнера и его успех это сам продукт, который он проектирует, а как он встраивается в процессы, работает в команде или один, ответственность, дисциплина и чувство, что ему важно качество и дизайна и профессионального сотрудничества. Самоценность отношений с другими и проектом. Самоценность технического исполнения. Сила умения работы с инструментами дизайна. Сочетания софта и хитрых способов делать быстрее и эффективней. Делать медленнее, но надежными методами и софтом. Интерес и любопытство к новому и умение хорошо «продать» самому себе ценность нового навыка и на нем заработать. Самоценность умения объединять. Ценность и сила людей рядом в свами. Умение объединять разных людей в команды. Управляемость своими ценностями и принципами ради успеха и прогресса общего дела. Формулирование и задачи и артикуляция проектных решений, презентационные навыки и опыт публичных выступлений. Самоценность умения объединить других вокруг общего дела. Это часто главный фактор успешной карьеры, когда можно перескакивать ступеньки с должности на должность. Так умеют единицы, но важнее знать как проявить самоуважение к себе и отстаивать свои границы. Еще важнее уважение к другим и уважение к границам коллег. Дизайн это коллективный труд. Труд среди сложных людей и идей. Когда вы тащите очень разный багаж жизненного и профессионального опыта, всегда есть вероятность не вытянуть и потерять ценные представления о себе и своих преимуществах на рынке. Меня зарабатывать, дольше топтаться на месте в карьере, да просто быть грустнее и испытывать стресс. Такие вещи надо в себе анализировать или совместно изучать с опытными коллегами и даже психологом. Кстати, это я взял за основу своего нового спецкурса на нашем канале. Обязательно запишитесь и пройдите наш Интенсив с пользой о самоценности дизайнера, там на практике работа с силами скрытыми в вас и как их креативно раскрывать и пробуждать.
Изображение поста
Минутка орнамента:
Интересно наблюдать как работает с орнаментом и символическим канал Любы Тепцовой. «Этот орнамент отражает трехчастную структуру мира, свойственную мировоззрению большинства мировых культур: верхний мир неба и божественного порядка, средний мир людей и нижний мир земли и предков. И помните, что понимание значения орнамента приводит к большей синхронизации с его фундаментальными положительными свойствами.» В некотором смысле орнамент это прообраз современной дизайн-системы и модульных принципов в дизайне.
Изображение поста
Подборка портфолио дизайнеров
Возможно, среди них вы найдёте того, с кем захотите поработать 🤍 ● Екатерина Ридель — продуктовый дизайнер с опытом более двух лет, работала в стартапах и на фрилансе. Специализируюсь на создании мобильных приложений и многостраничных сайтах. ● Дина Мрачковская — продуктовый дизайнер и тимлид UX/UI-команды с опытом более четырёх лет. Специализируюсь на UX-исследованиях, создании и поддержке дизайн-систем, оптимизации пользовательских сценариев и планировании развития продукта. ● Виктория Абрамян — мультидисциплинарный дизайнер. Имею опыт в UX/UI, motion, графическом дизайне и иллюстрации. ● Женя Машкова — концепт-художник. Имею опыт в дизайне печатной продукции, а также в иллюстрации. → Все исполнители на одной страничке Заполняйте анкету по ссылке, и мы опубликуем ваше портфолио в канале. #портфолио
Изображение поста
🤖 Как CLI-инструменты и MCP превращают наброски в готовый код
Ясонас Георгиадис исследовал, как дизайнеры могут использовать агентные CLI-инструменты Claude Code и Codex CLI для создания AI-управляемых рабочих процессов. Главное отличие от AI-IDE: CLI-инструменты подключаются напрямую к моделям, минуя посредников, что делает взаимодействие быстрее и надёжнее. Ключ к успеху — идеально выровненная дизайн-система, где переменные Figma напрямую соответствуют CSS-токенам. Автор использовал новые возможности Code Connect UI с компонентным маппингом и MCP-инструкциями для каждого компонента. Файлы CLAUDE.md в корне проекта определяют правила поведения AI-агентов и структуру проверок. В тесте с превращением нарисованного от руки макета в прототип Claude Code справился за 14 минут, создав респонсивную страницу с правильными токенами, а Codex CLI потратил 20 минут с менее точным результатом. Внутри: – Почему прямое подключение к моделям эффективнее работы через IDE; – Как субагенты работают в изолированных контекстных окнах для экономии токенов; – Зачем нужны матрицы проверки компонентов (Default, Hover, Active, Focus, Disabled); – Какие 10 специализированных агентов автоматизируют проверки дизайна; – Как Playwright MCP позволяет Claude самостоятельно тестировать интерфейс в браузере; – Почему больший контекст часто приводит к менее точным результатам. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🏗️ Как студент-энергетик стал UI/UX-дизайнером в металлургической компании НЛМК
Автор, изучавший электроэнергетику в СПбПУ и получивший удостоверение электромонтёра 4-го разряда, рассказывает о стажировке в «Академии стальных возможностей» НЛМК. Из множества заявок до финальных собеседований дошло только 10-15 человек, а ключевую роль в отборе сыграло портфолио. Стажировка включала три этапа: онлайн-обучение с погружением в процессы компании, вводную практику с 4-дневной командировкой на производство в Липецке, и самостоятельную работу над реальными задачами. Среди проектов: разработка AI-сервиса для генерации интерфейсов, подготовка дизайн-системы для публикации в комьюнити и оптимизация интерфейса единой цифровой платформы. Главное открытие: в промышленности дизайн — это не про красоту, а про функциональность в условиях высоких рисков и критически важных операций. Внутри: – Почему производственная площадка в Липецке — это город в городе; – Как MES-система помогла понять специфику промышленного дизайна; – Зачем НЛМК развернул собственный AI-чат для сотрудников; – Какие проблемы UX решались: незаметные кнопки в сайдбаре, непонятная навигация; – Почему «красивый» интерфейс не работает в тяжёлой металлургии; – Как стажёр освоил Jobs To Be Done и продуктовый подход. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
В прошлой серии мы пересобирали «Синхронизацию» под Netflix, теперь показываем самое мясо: метафоры, дизайн-систему и живые интерфейсы
Красиво получилось? Типа искусство, не просто EdTech Чекайте → ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️
🔧 Как поддерживать компоненты дизайн-системы после запуска
Рама Крушна Бехера из команды Razorpay рассказал, что происходит с компонентом после того, как его выпустили. Оказывается, запуск это только начало. Дальше команда получает запросы от дизайнеров и разработчиков, оценивает их и решает, что чинить, что улучшать, а что оставить как есть. В команде выстроили чёткий процесс. Все запросы приходят в один Slack-канал, каждую неделю проводят созвоны для разбора задач, а для типовых вопросов создали бота, который отвечает вместо команды. Внутри: – Два типа запросов и как их различать; – Как понять, баг это или неправильное использование; – Система приоритетов P0, P1 и P2; – Три пути решения проблемы; – Практики команды для быстрой обработки запросов. ➡️ Читать статью (V*N) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
⚖️ Договор с заказчиком: как дизайнеру работать спокойно и безопасно
Один из частых вопросов от вас – как правильно выстроить взаимодействие с заказчиком и защитить себя в работе. Тема очень актуальная и важная, поэтому мы решили затронуть ее в рамках нашего закрытого лектория «Вышка». Мы пригласили опытного юриста – Анастасию Васильеву (автора телеграм-канала «Дизайнерам про законы»), которая поможет разобраться в этой теме. ⚡️Уже сегодня в 19:00 МСК ждем вас на прямом эфире с Анастасией, где обсудим, как выстраивать диалог с заказчиком в правовом поле и работать безопасно. 📌 На эфире разберем: • почему отсутствие договора – это всегда риск; • что делать, если договоренности есть только в переписке; • какие пункты обязательно включить в договор, чтобы обезопасить себя; • как корректно заключать договор дистанционно; • каким должно быть грамотное техническое задание; • зачем нужен акт выполненных работ и почему его нельзя игнорировать. ➡️ Послушать лекцию и задать вопросы юристу в прямом эфире можно по подписке на на лекторий «Вышка». В подписке вы получите более 35 записей лекций и воркшопов по ключевым направлениям дизайна: ✅ Продуктовый дизайн — исследования, JTBD, визуальные концепции, работа в Big Tech; ✅ Нейросети и digital-art — Photoshop, GPT, AI-раскадровка, коммерческая работа с AI; ✅ Графический дизайн — каллиграфия, key visual, упаковка, работа с цветом; ✅ Коммерческий дизайн — дизайн-системы, промосайты, крупные проекты. В лектории уже выступали дизайн-лиды Сбера, Альфа-Банка, Dodo Brands, Ozon, T-Bank, mos.ru, арт-директора и сильные digital-художники. И каждый месяц мы приглашаем новых спикеров, чтобы вы могли черпать знания из их реального опыта и узнать особенности работы индустрии со всех сторон. Вас ждет почти 40 часов доступной практики по самым важным направлениям + 8 новых лекций в месяц. Стоимость сейчас всего 549 руб. в месяц, в конце ноября плавно начнем поднимать стоимость до 4-5 тыс. ➡️ Присоединиться к "Вышке"
Изображение поста
🤖 Дизайн-система Wildberries и как AI меняет подход к проектированию
Влад из Wildberries рассказал об архитектуре дизайн-системы «Ритм», которая состоит из трёх уровней: примитивы (токены), абстракции (рецепты) и экспорт (готовые компоненты). Дизайнеры работают только с экспортным слоем, не видя сложности внутренних механизмов. Ключевая проблема в том, что дизайнеры часто неправильно применяют токены к компонентам, что ломает систему при рефакторинге. Например, кнопка проходит через пять уровней абстракций от базового токена «перпл пятисотый» до финального компонента. Figma создаёт дополнительные ограничения: только четыре переключения свойств на коллекцию, невозможность создать зависимости между элементами без костылей. Команда уже экспериментирует с нейросетями, загружая правила дизайн-системы в базу знаний AI для автоматической генерации форм на основе компонентов. Внутри: – Почему семантика важнее визуального оформления при объединении продуктов; – Как три типа поверхностей (паш, врапер, контролс) определяют поведение элементов; – Зачем форфилду нужны слоты, иконки, суффиксы и префиксы; – Какие альтернативы Figma используют код вместо визуального редактора; – Почему продукт должен управлять дизайн-системой, а не наоборот; – Как нейросети учатся не создавать новые элементы вне системы. ДС довольно сложная, мозг подкипает, но интересно посмотреть внутрянку) ➡️ Смотреть видео ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста