🤓 Дизайн — Разминка №99

🟣 Контекст LinkedIn почти не меняется визуально — десктоп выглядит так, будто застрял в 2015. тесная колонка по центру, бесконечные дропдауны, ноль воздуха. при этом это одна из главных рабочих платформ в мире 🟣 Задача передизайни именно этот экран — публикацию вакансии на LinkedIn возьми ту должность, которую реально ищешь или нанимаешь у себя в команде — чтобы контент был живой, а не «рыба» можно десктоп или мобилку 🟣 Правила бренд остаётся узнаваемым — синий, иконка in, общая логика платформы всё остальное можно: сетка, типографика, иерархия, плотность, интеракции, навигация 🟣 Фокус думай как продуктовый дизайнер, а не декоратор покажи как стало удобнее: меньше шума, понятнее путь, живее интерфейс объясни что менял и зачем 🟣 Время ⏱ 50 минут 🟣 Результат несколько экранов + короткий комментарий к решению за прототип или анимацию респектос 🟣 Дедлайн 4 дня / 26 июня Обсуждение и сплетни: t.me/Designwarmups_chat Сайт designwarmups.com #99_ДизайнРазминка

🔔 Inspiration #189

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – rostra.co – 150years.audemarspiguet.com/en – oddworks.studio – scroll.locomotive.ca – darknode.army/en ——— – flabbergast.agency – keytail.ai – noahjacob.us – inkgames.com – apple.com/iphone-17e ——— – lovart.ai – shift5.io – twygskincare.com – tryplayground.com – kosbiotic.com ——— – arie.guide – baubauwerk.com – joinspread.app – zerohash.com – rh.design ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

Они просто долбанули огромный баннер, который нельзя закрыть. Топ-1 UX 2026 года. А потом они награды забирают, как самый лучший банк в России по юзабилити. Кто это согласовал просто надо уволить, ибо там рейтинг рухнул аж до 2.2 в эпсторе))) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🛠 Любопытство помогает дизайнеру не сгореть в рутине

Лев Брук говорит о мотивации через очень практичную вещь: если в работе всё начинает бесить, не обязательно терпеть и ждать вдохновения. Часто лучше разобрать раздражающий процесс на части и попробовать его изменить: написать маленький скрипт, собрать плагин для Фигмы, автоматизировать повторяющееся действие или сделать личный инструмент, который закрывает конкретную боль. В этом подходе важно не само программирование, а привычка не оставаться пассивным пользователем инструментов. Неудобно читать тексты в макете, можно сделать свой плагин. Надо постоянно искать синонимы, можно собрать простой сервис под себя. Нужно быстро делать сетки, оттенки или паттерны, можно описать задачу нейросети как младшему помощнику и довести результат руками. Так рутина превращается в исследование, а маленькие улучшения начинают возвращать интерес к работе. Внутри: – Почему однотипные задачи быстро убивают мотивацию; – Как раздражение в процессе может стать поводом для полезного инструмента; – Зачем дизайнеру учиться делать простые скрипты и плагины для Фигмы; – Почему нейросеть лучше воспринимать как помощника, а не как готовое решение; – Как декомпозиция задачи помогает превратить действие в код; – Где автоматизация экономит время, а где превращается в работу «в стол»; – Почему ошибки и маленькие успешные кейсы поддерживают мотивацию; – Как комьюнити помогает не бросать свои эксперименты на полпути. ➡️ Смотреть видео ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🎛️ Дизайн не умер, просто картинки больше не спасают
Nathan Beck пишет о тревоге вокруг ИИ без привычной паники в духе «всё, дизайнеры больше не нужны». Claude Code, Cursor и другие инструменты действительно расширили возможности дизайнера: можно быстрее собрать интерактивный прототип, проверить странную идею, нащупать сложное взаимодействие и превратить то, что раньше умерло бы в обсуждении «не в скоупе», в работающий HTML-файл. Но автор хорошо отделяет производство интерфейсных картинок от дизайна как работы с системой. Если человек большую часть времени просто рисовал плоские экраны, ему действительно будет больно. ИИ уже умеет делать средний, аккуратный и довольно банальный интерфейс. Дизайн начинается там, где нужно понять, зачем вообще существует решение, как оно работает, какие предположения в команде надо оспорить, как устроена модель продукта и почему чат-поле не может заменить все способы взаимодействия человека с программой. Внутри: – Почему разговоры о смерти дизайна часто путают дизайн и стилизацию; – Как Claude Code и Cursor помогают дизайнерам быстрее проверять идеи; – Почему чат-интерфейс не является универсальной заменой кнопкам, формам и навигации; – Зачем дизайнерам критически относиться к словам вроде «разговорный интерфейс»; – Почему работа в Фигме важна не только как финальный макет, но как способ мышления; – Как ИИ помогает выйти за прежние рамки скоупа, но не снимает ответственность за решение; – Почему результат моделей часто скатывается к аккуратной посредственности; – Что останется задачей дизайнера, когда первые демо перестанут казаться магией. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
📱 В Китае поиск всё чаще начинается не с поисковика
Feifei Liu и Maria Rosala разбирают, как люди в Китае ищут информацию в эпоху генеративного ИИ. Снаружи экосистема сильно отличается от западной: вместо Google, ChatGPT и Claude там Baidu, DeepSeek, Doubao, Qwen, Rednote, Douyin и Bilibili. Но поведение пользователей при этом очень знакомое: одни пишут короткие запросы как в поисковике, другие ведут полноценный диалог с ИИ, одни верят ответам почти без проверки, другие сверяют результат через несколько источников. Самое интересное отличие в том, что поиск как отдельный инструмент теряет вес. Участники исследования часто уходили из Baidu не потому, что им больше не нужна информация, а потому что выдача перегружена рекламой. Вместо этого они собирают ответ по кускам: ИИ даёт быструю сводку, соцсети показывают опыт реальных людей, фото, видео и подтверждения на практике. Для планирования поездки, выбора способа вывести пятно или проверки сложного вопроса важным становится не один «правильный» источник, а связка приложений. Внутри: – Почему китайские пользователи всё чаще обходят поисковики стороной; – Как мобильная культура меняет сам процесс поиска информации; – Зачем люди переходят из ИИ в Rednote, Douyin и Bilibili для проверки ответа; – Почему опыт других пользователей часто важнее официальной выдачи; – Как уровень ИИ-грамотности влияет на качество запросов и доверие к ответам; – Чем DeepSeek, Doubao и Qwen отличаются в повседневных задачах; – Почему бренд родительской компании влияет на доверие к ИИ-инструменту; – Что дизайнерам важно учитывать, если продукт работает не только для западной аудитории. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Как я пилю свой продукт. Часть 33
Чёт почти месяц прошёл, как я писал 32 часть, время пролетело оч быстро, но и сервис на месте не стоял. Он развивался и довольно успешно. Одна из самых главных новостей за это время: сервис пробил рекорд выручки аж два раза. По количеству оплат за день и сумме, а также по кол-ву оплат и сумме за неделю. Сказать, что я в шоке ничего не сказать, потому что сейчас июнь. Многие уже отдыхают и работу не ищут. Вторая главная новость и тоже крутая, за счёт чего случились рекорды: со мной теперь работает очень мощный человечек. Я не буду его раскрывать, но он был CEO и CPO всеми известных вами сервисов, которыми вы пользовались. У него 15+ опыта в айти и growth продуктов. Не успел он прийти, как начались рекорды. Сказать, что я этому рад, ни сказать ничего. Фанфакт: он просто написал в чате на сайте, что ему нравится мой продукт и он готов поучаствовать в его росте просто за кайф (пока что) и видит в этом большой потенциал. Мы переработали модалку оплаты, вытащили сервисы, провели кучу косметической работы по текстам, расположениям блоков и так далее. Всё это дало рост выручки в том числе. Сейчас по планам добавление новых сервисов и правильное позиционирование в рынке. Мы будем идти локомотивом. Ближайшая амбициозная цель 1 млрд выручки к 2028 году. И есть чёткое понимание, как к этому прийти. Вы в шоке? И я тоже. Я таких цифр не знаю, а вот партнёр прекрасно их понимает. Свела судьба! Я провёл огромную работу по SEO ещё раз, добавил то, чего не хватало и теперь буду отслеживать, что это поменяет через пару недель или месяцев. Но рекорд по кликам в гугле уже был за сутки. И это ещё один из рекордов)) И да, ещё важное: появились аж 3 новые категории для финансистов, рекрутеров и продажников. Это большой объём рынка, который я не охватывал. Ну и куча багов поправлена конечно, по UI и по UX. Новый профиль, вот например, когда на него нажимаете) Красивое меню там теперь удобное. А ещё я добавил фильтр по сфере. Ранее его не было. Теперь вот есть, пользуйтесь наздоровье. Я продолжаю каждый день получать десяток сообщений о том, какой сервис прекрасный и крутой и красивый! Не зря я столько вытачивал интерфейс. Могу смело заявить это самый красивый и удобный сервис по поиску работы в РФ для айти. Вроде всё, увидимся в 34 части) Всех обнял! ❤️ 🔠 Смотреть вакансии 🔠 Смотреть вакансии 🔠 Смотреть вакансии ч.32
Как я пилю свой продукт. Часть 33
Чёт почти месяц прошёл, как я писал 32 часть, время пролетело оч быстро, но и сервис на месте не стоял. Он развивался и довольно успешно. Одна из самых главных новостей за это время: сервис пробил рекорд выручки аж два раза. По количеству оплат за день и сумме, а также по кол-ву оплат и сумме за неделю. Сказать, что я в шоке ничего не сказать, потому что сейчас июнь. Многие уже отдыхают и работу не ищут. Вторая главная новость и тоже крутая, за счёт чего случились рекорды: со мной теперь работает очень мощный человечек. Я не буду его раскрывать, но он был CEO и CPO всеми известных вами сервисов, которыми вы пользовались. У него 15+ опыта в айти и growth продуктов. Не успел он прийти, как начались рекорды. Сказать, что я этому рад, ни сказать ничего. Фанфакт: он просто написал в чате на сайте, что ему нравится мой продукт и он готов поучаствовать в его росте просто за кайф (пока что) и видит в этом большой потенциал. Мы переработали модалку оплаты, вытащили сервисы, провели кучу косметической работы по текстам, расположениям блоков и так далее. Всё это дало рост выручки в том числе. Сейчас по планам добавление новых сервисов и правильное позиционирование в рынке. Мы будем идти локомотивом. Ближайшая амбициозная цель 1 млрд выручки к 2028 году. И есть чёткое понимание, как к этому прийти. Вы в шоке? И я тоже. Я таких цифр не знаю, а вот партнёр прекрасно их понимает. Свела судьба! Я провёл огромную работу по SEO ещё раз, добавил то, чего не хватало и теперь буду отслеживать, что это поменяет через пару недель или месяцев. Но рекорд по кликам в гугле уже был за сутки. И это ещё один из рекордов)) И да, ещё важное: появились аж 3 новые категории для финансистов, рекрутеров и продажников. Это большой объём рынка, который я не охватывал. Ну и куча багов поправлена конечно, по UI и по UX. Новый профиль, вот например, когда на него нажимаете) Красивое меню там теперь удобное. А ещё я добавил фильтр по сфере. Ранее его не было. Теперь вот есть, пользуйтесь наздоровье. Я продолжаю каждый день получать десяток сообщений о том, какой сервис прекрасный и крутой и красивый! Не зря я столько вытачивал интерфейс. Могу смело заявить это самый красивый и удобный сервис по поиску работы в РФ для айти. Вроде всё, увидимся в 34 части) Всех обнял! ❤️ 🔠 Смотреть вакансии 🔠 Смотреть вакансии 🔠 Смотреть вакансии ч.32
#архитектурныйhh Руководитель проектов (комплексный ГИП по городскому благоустройству по г. Москве)
MIRROR GROUP — крупная архитектурная мастерская с более чем 10-летним опытом в создании инновационных решений для улучшения городской среды. Мы гордимся нашими проектами, которые становятся достопримечательностями и формируют облик городов. Мы формируем новое качество жизни для жителей, оставаясь верными предыстории и идентичности городов и территорий. Сейчас наша команда находится в поисках инициативного и самостоятельного руководителя проектов городского благоустройства в г. Москва. Вы готовы брать на себя ответственность за проект целиком: от бюджета до финального акта ввода в эксплуатацию, умеете вести переговоры с заказчиками, получать разрешения и согласования от представителей государственных органов – тогда мы ждем Вас в нашей команде! Если вы генпланист, который чувствует в себе желание и готовность вырасти до руководителя, мы также готовы вас рассмотреть. Обязанности: Полное сопровождение разработки проектов по благоустройству от идеи до сдачи планирование организация контроль исполнения и закрытия проекта. Разработка и согласование проектно-сметной документации, ведение графиков разработки документации. Координация работы проектировщиков (как в штате, так и на аутсорсе) и надзорных органов. Контроль соблюдения сроков, бюджета, качества на всех этапах реализации проекта. Ведение переговоров с заказчиками представителями госорганов и смежными подразделениями. Подготовка отчетности. Управление рисками и решение нештатных ситуаций при разработке проектной документации. Согласование проектной документации с ресурсоснабжающими организациями, государственными органами (ОПС, ДПиООС), Моссвет, Мосводосток. Требования: Высшее образование в области строительства, архитектуры. Опыт работы по разработке проектно-сметной документации на благоустройство территорий (раздел ПЗУ обязательно!). Знание нормативно технической базы, СНиП, СП, ГОСТ, порядка прохождения госэкспертизы и процедур сдачи объектов. Опыт руководства проектом в целом, от формирования бюджета до сдачи объекта в эксплуатацию – приветствуется. Опыт самостоятельного получения недостающих разрешений, согласований, технических условий. Уверенное владение инструментами AutoCAD, MS Project, MS Office, Photoshop. Навыки работы с подрядчиками и опыт взаимодействия с контролирующими органами. Ответственность высокая организованность умение работать в условиях многозадачности. Условия: Удобно расположенный комфортный офис (рядом со ст.м. Дмитровская, Савеловская), БЦ Савеловский с оборудованной кухней (чай, кофе, вкусняшки); Оформление по ТК РФ с первого рабочего дня, рассматриваем и другие формы оформления (самозанятость, ИП). Выплаты заработной платы 2 раза в месяц; Обучение за счет компании; Корпоративный английский; Наличие собственного книжного клуба с оффлайн встречами, для обсуждения прочитанного; Развивающаяся корпоративная культура; Команда молодых, амбициозных и творческих людей, руководство, которое открыто к диалогу, вашим идеям; Возможности для развития и продвижения в карьере; Полный рабочий день 5/2, с гибким началом рабочего дня (начало с 9:00-10:00 - завершение в 18:00 - 19:00), рассматриваем в офисный формат работы, а также в гибрид; Конкурентная заработная плата, итоговая сумма обсуждается индивидуально с кандидатом. Если вам откликается вакансия, ждем ваш отклик, для этого заполните небольшой опрос в Гугл-форме, чтобы мы смогли познакомиться с вами поближе. Ссылка на Гугл-форму Или напишите Анне @aya_skirmunt
Вакансия Альфа-Агент — в команде Альфа-Банка
Станьте Альфа-Агентом — работа в прямых продажах у лучшего работодателя страны. Присоединяйтесь к команде ❤️ Конкурентоспособная зарплата, расширенный ДМС со стоматологией, программа поддержки первые 3 месяца. Карьера в ваших руках! Смотрите актуальные вакансии на официальном сайте Альфа-Банка. Перейти на сайт #реклама job.alfabank.ru О рекламодателе
#15 Эпол дала стеклу ручку громкости
На WWDC они показали iOS 27, и среди больших штук про Siri AI, безопасность и эпл интеледженс, там есть одна маленькая, но очень смешная деталь: у Liquid Glass появился ползунок прозрачности. То есть тот самый стеклянный визуальный язык, который Apple недавно продавала как новое лицо системы, теперь можно сделать менее стеклянным. Хочешь больше эффекта, делаешь прозрачнее. Хочешь нормально читать текст и видеть кнопки, делаешь плотнее. Всё, приехали. На презентации Liquid Glass выглядел отлично. Красивые панели, глубина, отражения, всё такое аккуратное, дорогое, системное. В ролике оно переливается, двигается, ловит фон, и ты такой: ну да, эпол опять умеет делать красиво. А потом открываешь обычное приложение в обычный день. Снизу панель, под ней фотография или шумные обои, сверху текст, где-то кнопки. И внезапно вся эта красота начинает делать очень простую вещь: мешать. Вот это, по сути, они и признали своим ползунком. Не словами, конечно. Никто там не выйдет на сцену и не скажет: «ребята, мы немного переборщили с прозрачностью». Но настройка говорит сама за себя. Если эффект надо регулировать, значит он не всегда работает одинаково хорошо. Вообще странно ожидать, что один визуальный эффект будет одинаково удобен везде: – на светлых обоях – на тёмных обоях – в приложении с фотками – в приложении с длинным текстом – у человека, который просто хочет контраст, а не стеклянный аквариум на экране Особенно смешно, что эпол обычно любит делать вид «мы уже решили, как правильно». И часто реально решает лучше остальных. Но с такими визуальными системами уже тяжело быть абсолютно уверенным. Телефон слишком личная штука. У всех разные обои, разные приложения, разные глаза, разный свет, разный уровень терпения к интерфейсной красоте. Меня всегда удивляло, когда дизайнеры спорят про визуальный эффект так, будто пользователь обязан его оценить. Пользователь не обязан. Он открыл экран, хочет понять, куда нажать, что написано и почему оно вообще бликует на фоне его же фотки с моря. Поэтому ползунок прозрачности это не просто настройка внешнего вида. Это маленькая кнопка «сделайте мне нормально». Не всем нужна максимальная глубина. Не всем нужны отражения. Иногда человек просто хочет, чтобы нижняя панель была нижней панелью, а не демонстрацией возможностей графического движка. Самое забавное, что это не отменяет Liquid Glass. эпл не сдала назад и не выкинула стекло. Она просто добавила возможность сделать эффект спокойнее. Короче, типы из купертино как обычно всех переиграли. Вначале дали жидкое всё, затем народ охерел, они сделали поменьше эффект, буча чуть утихла, а затем они дали настройку, чтоб не бухтели вовсе. Теперь как хотите и кому как нравится. 1-0. Как вам, кстати, ликвид в целом? Я вот с момента появления пользуюь и особо боли никакой не заметил. Все прилы, что мне нужно, почти, обновились и стало свежее, чтоли. Где-то дизайнеры умело с этим поработали и прям хорошо. Чет новое хоть) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧱 Стримящийся интерфейс должен быть стабильным, а не просто живым
Joas Pambou разбирает проблему, которая всё чаще появляется в интерфейсах с ИИ, логами, транскрибацией и любыми данными в реальном времени. Экран уже не ждёт полного ответа, а обновляется по ходу генерации. Вроде бы удобно, но на практике такой интерфейс легко начинает мешать: тянет пользователя вниз, двигает элементы под рукой, слишком часто перерисовывает DOM и ломает нормальное чтение. Самое полезное здесь в том, что статья смотрит на стриминг не как на визуальный эффект, а как на набор конкретных UX- и фронтенд-рисков. Если пользователь прокрутил вверх, интерфейс не должен насильно возвращать его к последней строке. Если текст растёт, не нужно пересобирать весь блок на каждый символ. Если данные приходят быстрее, чем браузер рисует кадры, их лучше буферизовать и обновлять экран пачками. Иначе «живой» интерфейс быстро превращается в дергающийся, непредсказуемый и утомительный. Внутри: – Почему стримящиеся интерфейсы сложнее, чем кажутся на первый взгляд; – Как автоскролл может начать бороться с пользователем за внимание; – Почему новые строки, токены и блоки создают сдвиги макета; – Зачем останавливать автоскролл, если пользователь сам ушёл вверх; – Почему не стоит пересобирать весь DOM на каждый новый символ; – Как буферизация через requestAnimationFrame снижает лишние перерисовки; – Что общего у ИИ-чата, логов, транскрибации и дашбордов с метриками; – Почему стабильность интерфейса это не только производительность, но и доступность. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #188
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – pangeai.com – air.inc – telhaclarke.com.au – board.fun – orage.studio ——— – empower.me – frequencybreathwork.com – heyquin.io – drinkfiglia.com – genesis.energy.gov ——— – fourmula.ai – oci.madebybuzzworthy.com – irregular.com – florafauna.ai – block.xyz ——— – operate.so – lusano.com – ducky.ai – hoodzpahdesign.com – convo.app ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Здарова, бандиты!
Сегодня я поведу канальчик, поразбираю вакансии, попишу круги) У руля — Кирилл Тарелкин, кофаундер студии Маца, а в прошлом шеф дизайна в международном Skyeng, и рисовальщик красоты в продуктах и студиях. На счету 13 лет опыта и больше сотни проектов для Яндекса, Сбера, Альфы, ВТБ, Авито, ВШЭ, Газпрома и ещё кучи разных брендов. А ещё веду канальчик обо всём на свете: от дизайна до бизнеса. И самое главное — поздравляю с днём рождения значимых деятелей индустрии и просто друзей! Ну и подписывайтесь на наши каналы: 💬 Мой личный — @tarelkinlive ❤️ Канал студии — @matecaagency ГАЗ!
🚗 Интерфейс за рулём нельзя проектировать как обычное приложение
Команда дизайна и исследований Делимобиля собрала гайд по безопасным интерфейсам для сервисов, которыми могут пользоваться в машине. Это не только про карты и навигацию. Сюда же попадают звонки, музыка, заправки и любые сценарии, которые человек хотя бы теоретически может открыть во время движения. Важная рамка здесь простая: сначала нужно спросить не «как сделать удобнее», а «должен ли водитель вообще делать это за рулём». Если нет, функция должна уходить в режим стоянки или автоматизироваться. Если да, интерфейс проектируется по другим правилам: меньше действий, выше читаемость, крупнее цели, понятнее состояние, меньше визуального шума. На скорости 60 км/ч одна секунда взгляда в экран это уже 16 метров без полноценного внимания к дороге. Внутри: – Почему водительский интерфейс нельзя считать упрощённой версией мобильного приложения; – Как решить, можно ли вообще оставлять сценарий доступным во время движения; – Почему лучшая функция для водителя часто та, которая не требует действия; – Какие правила помогают оценивать читаемость, контраст, шрифты и анимации; – Что разрешено делать за рулём, а какие сценарии лучше блокировать до стоянки; – Из каких компонентов собирать безопасные экраны для машины; – Почему дизайн-решения здесь оцениваются не только по удобству, но и по риску отвлечения; – На какие стандарты опирается гайд: ГОСТ, ISO, NHTSA и Android Automotive. ➡️ Читать гайд ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🚦 Как 2ГИС превратил «зелёную волну» в интерфейс
Я кайфанул от статьи, это прям продуктово покопаться в таком незначительном элементе) Даня из команды Транспорт в 2ГИС рассказывает, как в навигаторе запускали подсказку для проезда светофоров без лишних остановок. Идея звучит просто: если известны состояния светофоров по маршруту, можно подсказать водителю скорость, при которой он попадёт в зелёную волну. Но в машине простой идеи недостаточно, потому что каждый новый элемент на экране конкурирует не с красивой пустотой, а с дорогой, маршрутом, манёврами, камерами и вниманием водителя. Самое интересное в кейсе, как команда искала форму для этой подсказки. Текстовые сообщения оказались слишком тяжёлыми, одно число требовало постоянного сравнения, а зона спидометра уже была занята предупреждениями. В итоге решение собралась из двух слоёв: плашка с диапазоном скорости даёт точность, а аналоговая шкала с зелёной зоной помогает быстро понять, в потоке ты или нет. Отдельно сильная часть кейса, что дизайнер не остановился на макетах, а полез в математику стрелки, код и параметры анимаций, чтобы фича доехала до релиза в нужном виде. Внутри: – Почему «просто показать скорость» оказалось плохой постановкой задачи; – Как интерфейс навигатора ограничивает любое новое решение; – Почему зелёная волна должна ощущаться как состояние, а не как уведомление; – Как диапазон скорости оказался понятнее одного целевого числа; – Зачем в интерфейсе появился аналоговый спидометр с зелёной зоной; – Как анимации помогают дать обратную связь без лишнего шума; – Почему дизайнеру пришлось проверять техническую реализацию самому; – Что 2ГИС планирует добавить дальше: награды за серию зелёных светофоров и новые города. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Одна из самых важных задач на hirehi в ближайшее время: сделать liquid glass на тогглы и сегмент контрол
Это вам не в продукте работать, где это уберут через 12 спринтов. Это вот оно, очень важное и надо сделать. Чуваки вот сделали aave.com/design/building-glass-for-the-web И да, это ликвид в ВЕБЕ, ёмае) Я пока не представляю, как это сделать, но попробую. Если получится, будут самые красивые тогглы на вебе ЕВЕР ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
😜 Пользователи не врут. Они просто плохо помнят, как работают
Кирилл Улитин и Стася Кабанова из МойОфис разбирают проблему, с которой сталкивается почти любое исследование: человек на интервью рассказывает не сам опыт, а его отредактированную версию. Он забывает мелкие действия, упрощает сценарий, пропускает автоматические шаги и иногда сам не замечает, как на самом деле обходит неудобства продукта. Поэтому команда попробовала контекстное интервью: сначала поговорить с пользователем, а потом смотреть, как он реально выполняет задачу в живой системе. В этот момент начинают проявляться вещи, которые нельзя достать обычными вопросами. Кто-то вытаскивает фотографию через инструменты разработчика, потому что интерфейс не дает скачать ее нормально. Кто-то раскладывает окна как личный рабочий дашборд. Кто-то компенсирует неудобство продукта связкой из нескольких приложений. Внутри: – Почему обычное интервью часто показывает логичную версию опыта, а не реальную; – Как внимание, память и социальная желательность искажают ответы пользователей; – Чем контекстное интервью отличается от глубинного интервью и юзабилити-теста; – Почему наблюдение помогает находить не только боли, но и обходные практики; – Когда можно просить пользователя выполнить задачу прямо во время исследования; – Зачем заранее предупреждать участника, что нужно будет показывать экран и рабочие действия; – Как диаграмма сходства помогает разобрать разрозненные наблюдения; – Когда контекстное интервью полезно, а когда оно не даст соразмерной ценности. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
#14 Фигма зовёт вайбкод обратно на холст
Фигма выложила майский Workflow Lab про Code to Canvas. Если коротко: прототип, который вы собрали в коде через Cursor, Codex, Claude Code или другой агент, можно затащить обратно в Фигму как редактируемые экраны. Дальше уже смотреть флоу целиком, править компоненты, токены, состояния и при желании пушить изменения обратно в код. Сама связка «дизайн-код-дизайн» не новая. Интереснее другое. Последний год все очень радостно продавали вайбкодинг как короткий путь: написал промпт, получил интерфейс, запустил, погнал дальше. Типа Фигма больше не нужна, дизайнеры мешают скорости, агент сам всё соберёт. А потом выясняется, что быстро собранный экран всё равно надо где-то нормально посмотреть. Вайбкодинг быстро даёт экран, но плохо показывает продуктовый сценарий целиком В браузере ты видишь один экран. Иногда пару состояний, если не лень потыкать. В коде видишь компоненты, файлы, стили, условия. А продуктовый флоу целиком обычно расползается по вкладкам, роутам и «сейчас я тебе покажу, только сначала залогинюсь». Для разработки ок, для обсуждения интерфейса так себе. У меня так постоянно. Быстро сделал фичу, локально вроде работает, в голове всё ясно. Потом открываешь рядом несколько экранов и видишь: • кнопка называется иначе • пустое состояние забыто • фильтр ведёт себя странно • мобильная версия поехала • пользователь попадёт в тупик и будет смотреть на экран как на квест от плохого диза И всё. Твоя «почти готовая» фича уже не такая готовая В доке Фигма прямо описывает похожий сценарий. Агент берёт локальный прототип, переносит уникальные экраны на холст, использует компоненты и стили из дизайн-системы, добавляет страницу с саммари. Потом дизайнеры уже могут смотреть и чинить: где лишний элемент, где лучше взять нормальный компонент, где просела иерархия, где токены уехали итд Это хорошая роль для Фигмы. Она не обязана быть местом, где всё начинается. Иногда она может быть местом, куда продукт возвращается на проверку. Быстро накидали в коде, положили на холст, посмотрели весь сценарий, привели в чувство, отправили обратно в разработку. Тут, кстати, спор «фигма или код» становится совсем уставшим. В реальной работе чаще нужен круг: 1. быстро собрать рабочий вариант 2. увидеть весь флоу рядом 3. поправить продуктовую логику 4. вернуть изменения туда, где это реально живёт Главное, чтобы этот круг не превратился в новый ритуал ради ритуала. Типа сначала агент сделал экран, потом агент перенёс его в Фигму, потом агент поправил, потом агент вернул в код, а команда всё это время сидела и смотрела на красивую автоматизацию. Дизайнерское решение всё равно кто-то должен принять. Пока что, желательно человек. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🛡 Магия ИИ работает только там, где уже есть экспертиза
Карина Веласкес рассказывает историю не про то, как Claude Code «сам собрал дизайн-систему», а про то, как накопленное знание наконец получило быстрый способ материализоваться. На работе она не могла использовать Claude Code, сервер Фигма MCP и другие инструменты из-за политики безопасности, поэтому взяла личный ноутбук, пустой файл в Фигме и за один пятничный день собрала Prisme, личную дизайн-систему с токенами, темами, компонентами и плагином для синхронизации. Самое интересное здесь не скорость сама по себе, а то, почему эта скорость сработала. Карина уже понимала архитектуру токенов: где нужны глобальные значения, где живут брендовые темы, как должен работать семантический слой, почему алиасы важны и чем нативный формат переменных Фигмы отличается от Token Studio JSON. Claude Code не придумал это за неё. Он просто оказался достаточно быстрым исполнителем, чтобы описание превращалось в структуру, структуру можно было сразу проверить, а ошибки быстро поправить. Внутри: – Почему сильный результат с ИИ начинается не с промпта, а с внутренней модели; – Как Фигма MCP позволяет работать с переменными и токенами без ручного кликанья в интерфейсе; – Зачем дизайн-системе нужны глобальный, брендовый и семантический слои; – Почему токены, которые живут только в Фигме, остаются артефактом, а не инфраструктурой; – Как Prisme Bridge переводит данные между Token Studio JSON и переменными Фигмы; – Почему кнопка стала хорошей проверкой всей токенной архитектуры; – Как Claude Code помог собрать компонент с размерами, состояниями, вариантами и заменяемыми иконками; ➡️ Читать статью (EN) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы