Дизайн-система 👌
Ребята из t2.digital появились в «Клубе отечественных дизайн-систем». Если кто не знает, это каталог, который ведут Андрей Сундиев и Юрий Ветров. Там собраны дизайн-системы крупнейших российских компаний. Попасть туда просто так нельзя — нужно иметь реальную технологическую платформу, а не просто UI Kit в Фигме.
🔥 Почему это круто
Можно посмотреть, как устроена дизайн-система изнутри. Ребята подробно разобрали опыт ее создания: с какими трудностями столкнулись, как команды дизайнеров и разработчиков переходили на новую систему. Еще описали процесс настройки UI Kit на React — от установки зависимостей до сборки готового пакета.
Маст-хэв для тех, кто строит или планирует строить свою дизайн-систему (не путаем с UI-китом) 😍
➡️ Посмотреть ДС Т2
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Графический дизайнер в REBAL
REBAL — культурное сообщество.
Задачи:
— разработка визуальных материалов для анонсов мероприятий: афиши, баннеры, графика для различных платформ
— создание единого визуального языка социальных сетей: дизайн постов, stories, каруселей в соответствии с фирменным стилем
— сбор, анализ и адаптация дизайн-референсов; работа с минималистичными и актуальными визуальными решениями
— формирование узнаваемой айдентики бренда, которая моментально считывается аудиторией
— обеспечение стабильного и высокого уровня визуального сопровождения всех проектов
Ожидания:
— практический опыт в графическом дизайне
— уверенное владение Adobe Creative Suite, Figma
— глубокое понимание клубной эстетики и музыкальной культуры
— навыки работы с современными инструментами, включая нейросети
— умение работать в едином визуальном стиле
Будет плюсом:
— опыт в 3D-дизайне
— компетенции в motion-дизайне и видеографике
— кейсы в работе с музыкальными проектами, фестивалями или клубной культурой
Условия:
— обсуждаются индивидуально
Контакт для отклика:
@hydratedblade
При отклике добавьте:
— ссылку на портфолио или примеры работ
— краткое резюме в свободной форме
— ваши пожелания и вопросы по сотрудничеству: график, формат, примерный бюджет
#дизайн
🏆 Как геймификация помогла перезапустить рейтинг белых хакеров
Студия Crauch вместе с командой SNP переделала платформу для багхантеров. Раньше там был только поиск по нику, непонятная система баллов и программы без денежного вознаграждения, которые никому не были интересны. Нужно было вернуть азарт и сделать рейтинг честным.
Команда изучала не только конкурентов, но и геймерские интерфейсы: HLTV, Dota 2, FIFA. Оттуда взяли идеи визуализации прогресса и динамики. В итоге получился баланс между серьёзностью для бизнеса и соревновательностью для хакеров.
Внутри:
– Профиль хакера как портфолио с графиками роста;
– Ачивки от вендоров для программ без бюджета;
– Огненная рамка для тех, кто резко поднялся в рейтинге;
– Сравнение хакеров как корзина в маркетплейсе;
– Математическая модель с усыханием баллов за неактивность.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Что такое «хорошо поставленная задача» для дизайнера?
Посмотрел свежий выпуск подкаста «Это моя работа» с Даней Ковчием. Даня арт-директор в Яндексе, отвечает за визуальный язык Алисы, Карт, Поиска и Умных устройств.
Там обсудили много всего: как устроен дизайн-процесс внутри Яндекса, как выходить из творческого ступора, что такое сильное дизайнерское мышление и какие навыки станут ключевыми в ближайшие годы. Ещё про союз между дизайном, продуктом и CEO.
Зацепило несколько мыслей.
🔘 Про идеи
Даня говорит, что процесс рождения идеи похож на химическую реакцию. Берёшь какие-то слои информации, выкладываешь их на доску и смотришь, как они начинают шипеть. Прикол в том, что эти слои часто лежат у всех на компьютере, но никогда не встречаются вместе. И 80% его работы просто зафиксировать это. Звучит просто, но мало кто так делает.
🔘 Про задачи
Понравилась метафора с матчмейкингом в играх. Важно правильно оценивать уровень дизайнера и сложность задачи, чтобы человек рос, а не буксовал на месте.
🔘 Про душу проекта
«Душа» проекта — не то, что арт-директор привносит извне, а то, что он помогает раскрыть. Его главная задача заключается в том, чтобы структурировать, систематизировать и усилять фактуру, которая уже есть. Источник же этой энергии, как говорит Даня, обычно исходит от харизмы фаундера.
В общем, если вы дизайнер, продакт, тимлид или основатель и хотите понять, как создаются решения в больших продуктах, посмотрите 👍
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🤖 Как 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 самостоятельно тестировать интерфейс в браузере;
– Почему больший контекст часто приводит к менее точным результатам.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🍿 ИИ для мидлов
Сегодня каждый день можно услышать что-то про нейросети. Каждый день появляются десятки новых, улучшаются текущие и кажется, что весь мир ушёл далеко вперёд, а вы упускаете возможность
Я сам пилю hirehi исключительно силами ИИ. Весь дизайн, фронт, бэк и прочее собирается нейросеткой, от чего я до сих пор в шоке, а они еще и улучшаются каждый день. Поэтому стараюсь всегда быть в контексте того, что происходит на рынке, а происходит что-то ежедневно
Но вот что заметил. Большинство контента про ИИ делают для новичков. А что делать тем, кто уже работает мидлом и хочет понять, как это применять в реальных задачах, а не просто «сгенерить картинку»?
Ребята из Яндекс Практикума PRO делают бесплатный вебинар как раз про это. Без воды, с живыми кейсами от практиков.
⚡️ Кому идти
Тем, кто уже работает в IT и диджитале и хочет понять, как нейросети реально помогают в работе. И тем, кто переживает, что ИИ отнимет работу и хочет превратить его в помощника ✨
👀 Что будет
– Разберут, как продюсерам работать с контентом и брендом через ИИ;
– Покажут, как дизайнерам ускорять работу с референсами и сохранять свой стиль; - Расскажут, как менеджерам использовать ИИ для анализа фидбека и приоритизации задач;
И в конце поговорят, какие профессии трансформируются быстрее всего и что с этим делать.
🎙 Спикеры
– Андрей Рассказов, креативный продюсер в Яндексе;
– Пётр Москалёв, дизайн лид в ГК Самолёт;
– Анастасия Тмур, менеджер проектов в Яндекс Образовании.
Ребята из практики, не теоретики
📍 Когда
16 декабря, 18:00 мск. Онлайн и бесплатно.
Если чувствуете, что упускаете что-то с этими нейросетями и хотите понять, как их применять в своей работе, а не просто читать про них в новостях, приходите послушать 🙂
➡️ Зарегистрироваться
🍎 Куда пропало легендарное внимание Apple к деталям?
Джон Озбей критикует падение качества UX в продуктах Apple за последние 8-10 лет. Главные проблемы: приложение Напоминания каждый раз при запуске требует доступ к геолокации без опции «Больше не спрашивать», панель поиска находится в разных местах в разных приложениях (справа в Finder, слева в Картах, по центру в Контактах), а дизайн вкладок не унифицирован.
iOS 26 усугубила ситуацию: в тёмном режиме не видны названия папок в приложении Файлы, значки в меню «Поделиться» отображаются некорректно, а новый эффект liquid glass делает текст в iMessage практически нечитаемым на фоновых изображениях. WebKit в iOS 26 сломал вьюпорты во всех сторонних браузерах, из-за чего контент скроллится под UI-элементами. В Safari кнопки панели мигают как сигнал SOS, а фиксированные элементы становятся недоступными при скролле.
Внутри:
– Почему панель поиска в Finder теперь практически невидима;
– Как режим уменьшенной прозрачности создаёт чёрные панели в интерфейсе;
– Почему эффект liquid glass на iPad не исчезает при наведении мыши;
– Как iOS 26 заставляет выбирать фоновое изображение, делающее текст нечитаемым;
– Почему переключение вкладок теперь требует двух касаний вместо одного;
– Как новый дизайн ускорил разрядку батареи на iPhone 12/13 mini.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🏗️ Как студент-энергетик стал UI/UX-дизайнером в металлургической компании НЛМК
Автор, изучавший электроэнергетику в СПбПУ и получивший удостоверение электромонтёра 4-го разряда, рассказывает о стажировке в «Академии стальных возможностей» НЛМК. Из множества заявок до финальных собеседований дошло только 10-15 человек, а ключевую роль в отборе сыграло портфолио.
Стажировка включала три этапа: онлайн-обучение с погружением в процессы компании, вводную практику с 4-дневной командировкой на производство в Липецке, и самостоятельную работу над реальными задачами. Среди проектов: разработка AI-сервиса для генерации интерфейсов, подготовка дизайн-системы для публикации в комьюнити и оптимизация интерфейса единой цифровой платформы. Главное открытие: в промышленности дизайн — это не про красоту, а про функциональность в условиях высоких рисков и критически важных операций.
Внутри:
– Почему производственная площадка в Липецке — это город в городе;
– Как MES-система помогла понять специфику промышленного дизайна;
– Зачем НЛМК развернул собственный AI-чат для сотрудников;
– Какие проблемы UX решались: незаметные кнопки в сайдбаре, непонятная навигация;
– Почему «красивый» интерфейс не работает в тяжёлой металлургии;
– Как стажёр освоил Jobs To Be Done и продуктовый подход.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Институт цвета Pantone раскритиковали за выбор цвета 2026 года. Им стал мягкий оттенок белого под названием Cloud Dancer, в чем некоторые СМИ и пользователи соцсетей увидели бестактность. Комментаторы связали выбор белого оттенка с символикой элитарности и недоступности и даже провели параллели со скандальной рекламой American Eagle, якобы продвигающей идеи чистоты генов.
Представители Pantone в ответ на критику опубликовали официальное заявление в соцсетях, в котором подчеркнули, что оттенок Cloud Dancer не имеет политической подоплеки и символизирует расслабление, рефлексию и пространство для созидания — «чистый лист», на котором рождаются новые идеи.
🔹The Blueprint News
🔔 Inspiration #162
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥
– pithafrica.com
– dbco.online
– heyo.is
– mixpanel.com
– wand.app
———
– azionepr.com
– leoleo.studio/en-gb
– blueyard.com
– entreautre.com/en
– recent.design
———
– dribbble.com
– afnizarnur.com
– kons.fyi
– allo.restaurant
– tryprofound.com/zeroclick
———
– 7shifts.com
– icggallery.irisceramicagroup.com/en
– caffe.design
– bekventures.com
– parallel.ai
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🌈 Google выпустили Nano Banana Pro aka Gemini 3 Pro Image. Главное из обновления:
• Нейронка генерирует изображения в 1, 2 и 4K с качественным рендерингом текста. Она не искажает типографику на макетах, плакатах, чертежах и инфографике
• Поддерживает многоэтапные правки: можно последовательно вносить изменения в созданное изображение с помощью промтов
• Использует поиск Google для проверки фактов и генерации изображений на их основе, например карт погоды или биржевых диаграмм
• Работает с 14 референсными изображениями одновременно. Из них пять могут быть с персонажами, а шесть — с предметами, и нейронка сохранит их внешний вид в сгенерированной картинке
• Можно редактировать ракурс, фокус, освещение и цвета, а также менять часть изображения
Получившиеся изображения маркируются незаметным цифровым водяным знаком SynthID. В приложении Gemini можно проверить, картинка оригинальная или сгенерированная.
Саймон Уиллисон протестировал и описал возможности модели. Он продемонстрировал, как нейронка справляется с многоэтапными правками и генерацией инфографики.
Стоимость использования нейронки по API: 24 ¢ — за изображение в 4K и 13 ¢ — за изображение в 1 или 2K.
#инструменты
Трудно поверить: 87% дизайнеров часами ищут референсы и вдохновение
Ловите 2 канала, чтобы решить эту проблему:
Макеты Figma — коллекция реальных сайтов в формате Figma. От простых лендингов до интернет магазинов
Много дизайна — культовый канал, откуда черпают вдохновение и новички, и опытные дизайнеры
🛒 Почему покупатели возвращают товары и как дизайн помогает это исправить
Команда Markswebb проанализировала 25 мобильных приложений крупнейших интернет-магазинов и выделила 14 решений, которые снижают возвраты. 4 из 5 причин возвратов связаны с этапом выбора товара. В России в категории одежды на маркетплейсах возвращают до 45% заказов.
Главная идея простая. Когда покупатель заранее понимает, что именно получит, он реже ошибается. Виртуальные примерки, умные подсказки по размеру, фото от других покупателей и честное сравнение цен помогают сделать выбор осознанным.
Внутри:
– Замеры одежды прямо в карточке вместо таблиц размеров;
– Виртуальные примерки на 3D-аватаре или похожей фигуре;
– AR-функции для проверки мебели и техники в интерьере;
– Умные резюме и поиск по отзывам;
– Сравнение цен от разных продавцов в один клик.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
💎 Методика Сигаевой: как создать продукт через связку CX→UX→UI
Даша Сигаева, исследователь с магистерской степенью МГУ, делится авторской методикой проектирования цифровых продуктов. Главная идея: согласно исследованию Baymard, более 50% из 325 ведущих e-commerce сайтов неудобны для пользователей, и ни один не достиг «идеального» показателя.
Методика строится на последовательном движении от клиентского опыта (CX) через пользовательский опыт (UX) к интерфейсу (UI). CX охватывает всё взаимодействие с брендом до, во время и после использования продукта. UX определяет структуру сценариев внутри интерфейса. UI визуально усиливает эти сценарии через управление вниманием. На этапе CustDev достаточно 7 подробных интервью для выявления основных паттернов поведения. При создании Customer Journey Map фиксируются джобы по JTBD, драйверы и барьеры на каждом этапе пути пользователя.
Внутри:
– Почему кнопка «Купить» в баннере лендинга не работает без контекста;
– Как метод «снежного кома» помогает найти реальных пользователей;
– Зачем фиксировать драйверы и барьеры на каждом этапе CJM;
– Почему wireframe делают монохромным для фокуса на структуре;
– Какие UX-метрики замеряют: время выполнения, успешность, количество ошибок;
– Как эффект баннерной слепоты влияет на расстановку акцентов.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Трудно поверить: 87% дизайнеров часами ищут референсы и вдохновение
Ловите 2 канала, чтобы решить эту проблему:
Макеты Figma — коллекция реальных сайтов в формате Figma. От простых лендингов до интернет магазинов
Много дизайна — культовый канал, откуда черпают вдохновение и новички, и опытные дизайнеры
Во многих приложениях начали подводить персонализированные итоги года пользователей
Обычно слайды представлены в формате сторис. Вот как например это выглядит в YouTube.
Делитесь референтами итогов года из приложений в комментариях.
🖼️ Хороший интерфейс
📊 От данных к решениям: UX-стратегии для дашбордов реального времени
Каран Равал рассказывает о проектировании дашбордов, которые помогают принимать решения под давлением. Главная проблема: многие панели показывают данные в реальном времени, но не помогают понять, что требует немедленного внимания.
Ключевые подходы включают дельта-индикаторы и спарклайны для отображения изменений, микроанимации длительностью 200-400 миллисекунд для привлечения внимания без отвлечения, и мини-историю последних изменений для снижения нагрузки на память. На примере компании по прокату автомобилей операторы смогли сократить время проверки состояния машин с нескольких часов до 5 минут благодаря объединению всех метрик в одном интерфейсе.
В здравоохранении объединение лабораторных результатов, медикаментов и аллергий в одном интерфейсе позволило кардиологам быстрее диагностировать и назначать лечение.
Внутри:
– Почему человек может обработать только 5 элементов одновременно;
– Как скелетные UI заменяют спиннеры и снижают тревожность;
– Зачем показывать «Данные на 10:42» при сбоях подключения;
– Почему спарклайны эффективнее полноценных графиков;
– Как цветовое кодирование (красный для критичного, зелёный для стабильного) ускоряет интерпретацию;
– Какие ARIA-регионы помогают озвучивать изменения для скринридеров.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Ну не понравились заказчику мои концепты, которые я делал на своё усмотрение за отсутствием чётких ориентиров.., бывает. Ну сказал заказчик, что они хуже.., ну что ж теперь. Будь я даже лет на 5 моложе, пустился бы может быть в занудные выяснения-прояснения, писанину-обсуждения.., но сейчас мне всё это уже так надоело, что мы без лишней суеты и длинных текстов просто выбрали определённый референс, и я безо всякой рефлексии спокойно сделал новые варианты, которые заказчику очень понравились.
Вот один из них. Это пойдёт на продуктовую упаковку, дизайн которой уже давно сделал другой автор. Но я показываю просто надпись.
И да, я очень рад, что ко мне всё чаще обращаются за кириллицей!
🔧 Как поддерживать компоненты дизайн-системы после запуска
Рама Крушна Бехера из команды Razorpay рассказал, что происходит с компонентом после того, как его выпустили. Оказывается, запуск это только начало. Дальше команда получает запросы от дизайнеров и разработчиков, оценивает их и решает, что чинить, что улучшать, а что оставить как есть.
В команде выстроили чёткий процесс. Все запросы приходят в один Slack-канал, каждую неделю проводят созвоны для разбора задач, а для типовых вопросов создали бота, который отвечает вместо команды.
Внутри:
– Два типа запросов и как их различать;
– Как понять, баг это или неправильное использование;
– Система приоритетов P0, P1 и P2;
– Три пути решения проблемы;
– Практики команды для быстрой обработки запросов.
➡️ Читать статью (V*N)
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
