Дизайнер, привет

Дизайнер, привет

@jun_hi
Изображение канала: Дизайнер, привет
18 421 подписчик
65 постов
Посты
AI и большая дизайн-система
Знакомая боль: просишь агента собрать экран по твоей ДС. На первый взгляд всё аккуратно. Потом смотришь ближе: компонент не из библиотеки, цвет левый, отступы странные, состояние придумано на ходу. И уже проще руками пересобрать, чем чинить за ним. С маленькой библиотекой это ещё можно пережить. В большой ДС начинается цирк: сотни компонентов, варианты, токены, состояния, правила. Команда годами всё это собирала, а агент ведёт себя так, будто открыл первый попавшийся файл и начал импровизировать. Без подготовки он просто угадывает. Ему нужно нормально объяснить систему: где компоненты, какие состояния существуют, какие правила важны, что брать в первую очередь. Иначе зрелая дизайн-система превращается для AI в красивую папку, которую он почти не понимает. 😇 24 июня в 18:00 мск Даниил Шишко из Pixel Perfect покажет, как это настроить. Возьмёт одну из самых больших публичных дизайн-систем, подключит её к агенту и соберёт экраны прямо на эфире. Тем, кто будет онлайн, Даниил отдаст скилл, который сканирует дизайн-систему и готовит её к работе с агентом. То есть можно будет взять свою ДС и повторить у себя. Если у вас агент тоже каждый раз «немного дизайнер» и тащит в макет свои компоненты, я бы посмотрел. AI-навыки уже всё чаще всплывают в вакансиях, и лучше разобраться с этим сейчас, пока все ещё пытаются понять, как оно вообще должно работать. 🔠 Эфир в канале 🔠 Эфир в канале
🔎 Пользовательские ответы часто хуже пользовательского поведения
Виталя Фридман разбирает четыре уровня понимания клиента: что человек говорит, что думает и чувствует, что делает и почему он это делает. Проблема в том, что компании часто застревают на первом уровне, собирают опросы, отзывы, NPS и начинают строить решения вокруг слов пользователей. Но слова слишком легко искажаются памятью, контекстом, желанием выглядеть логично и разными трактовками одних и тех же формулировок. Более надёжная работа начинается там, где исследователь перестаёт искать подтверждение своей гипотезы и начинает наблюдать. Где пользователь зависает мышкой, куда возвращается, что повторяет, где теряет время, когда выглядит уверенным или растерянным. Эмоции тоже важны, но как сигнал, а не как вся правда. Чтобы понять настоящую причину поведения, приходится сопоставлять интервью, наблюдения, аналитику, поддержку и реальные рабочие сценарии. Внутри: – Почему прямой вопрос пользователю редко даёт хороший ответ; – Чем отличаются уровни «говорит», «думает», «делает» и «почему делает»; – Почему опросы, CRM и NPS легко создают ложную уверенность; – Как слова вроде «возможно» и «вероятно» по-разному читаются разными людьми; – Зачем в исследованиях смотреть на действия, паузы, возвраты и микросигналы; – Почему эмоции полезны как индикатор, но не заменяют диагностику поведения; – Чем исследование отличается от простой «валидации» готовой идеи; – Как сделать пользовательские боли видимыми для всей команды без дорогих инструментов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 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 помогают дизайнерам быстрее проверять идеи; – Почему чат-интерфейс не является универсальной заменой кнопкам, формам и навигации; – Зачем дизайнерам критически относиться к словам вроде «разговорный интерфейс»; – Почему работа в Фигме важна не только как финальный макет, но как способ мышления; – Как ИИ помогает выйти за прежние рамки скоупа, но не снимает ответственность за решение; – Почему результат моделей часто скатывается к аккуратной посредственности; – Что останется задачей дизайнера, когда первые демо перестанут казаться магией. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Вы все ещё ищете работу на hh? Не надо так :)
Приходите. Я вот периодически такие сообщения получаю, но никак не скриню и не складирую. Вот одно поймал. ❤️ hirehi.ru
📱 В Китае поиск всё чаще начинается не с поисковика
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
#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 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🚗 Интерфейс за рулём нельзя проектировать как обычное приложение
Команда дизайна и исследований Делимобиля собрала гайд по безопасным интерфейсам для сервисов, которыми могут пользоваться в машине. Это не только про карты и навигацию. Сюда же попадают звонки, музыка, заправки и любые сценарии, которые человек хотя бы теоретически может открыть во время движения. Важная рамка здесь простая: сначала нужно спросить не «как сделать удобнее», а «должен ли водитель вообще делать это за рулём». Если нет, функция должна уходить в режим стоянки или автоматизироваться. Если да, интерфейс проектируется по другим правилам: меньше действий, выше читаемость, крупнее цели, понятнее состояние, меньше визуального шума. На скорости 60 км/ч одна секунда взгляда в экран это уже 16 метров без полноценного внимания к дороге. Внутри: – Почему водительский интерфейс нельзя считать упрощённой версией мобильного приложения; – Как решить, можно ли вообще оставлять сценарий доступным во время движения; – Почему лучшая функция для водителя часто та, которая не требует действия; – Какие правила помогают оценивать читаемость, контраст, шрифты и анимации; – Что разрешено делать за рулём, а какие сценарии лучше блокировать до стоянки; – Из каких компонентов собирать безопасные экраны для машины; – Почему дизайн-решения здесь оцениваются не только по удобству, но и по риску отвлечения; – На какие стандарты опирается гайд: ГОСТ, ISO, NHTSA и Android Automotive. ➡️ Читать гайд ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
💎 Митап про редизайн hh
Редизайн большого продукта со стороны часто выглядит просто: обновили интерфейс, стало свежее, поехали дальше. Внутри всё обычно намного больнее. Есть старые долги, разные аудитории, метрики, бизнес-задачи, привычки пользователей и куча мест, где любое изменение может что-то сломать. 19 июня hh.ru проводит митап как раз про это. Будут разбирать редизайн hh как продуктовый процесс: как принимать решения, когда хочется сделать красиво, бизнес ждёт роста, а пользователям всё ещё должно быть понятно и удобно. Мне тут особенно интересен масштаб. hh это сервис, где есть соискатели, работодатели, личные кабинеты, b2b-страницы, важные сценарии и очень чувствительные зоны продукта. В таком редизайне нельзя просто «освежить визуал». Нужно договариваться, резать лишнее, выбирать приоритеты и понимать, какие хорошие идеи всё равно не доедут до продакшена. В программе два доклада: Миша Пономаренко, дизайн-директор hh.ru «Редизайн продукта: что важнее обновлённого интерфейса, и нет, это не метрики» Ксюша Зенина и Саша Ирхин «Главная не главная: совмещаем дружелюбный бренд и продуктовые метрики» Будет полезно продуктовым дизайнерам и продактам, особенно если работаете с большими интерфейсами, где дизайн давно живёт рядом с метриками, компромиссами и внутренними ограничениями. ⏰ Когда 19 июня, сбор гостей с 18:30, старт в 19:00 Где: московский офис hh.ru, ул. 2-я Брестская, 48 🕹 Формат Офлайн и онлайн-трансляция в VK и YouTube После докладов будет афтепати, еда, напитки и разговоры про дизайн с продуктом. Офлайн-места ограничены, заявки рассмотрят заранее. 🔠Зарегистрироваться 🔠Зарегистрироваться
🚦 Как 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) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #187
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – vectary.com – betternights.com – withcompound.com – typology.com ——— – strawberrybrowser.com – getnude.com – aupalevodka.com/en – tendril.studio – ousmaneballondor.fr ——— – proteanfunds.com – deux-ce.com – library.obys.agency – superstate.com – hut8.com ——— – after.design/face – ponpon-mania.com – lelezhang.design – microsoft.ai – easehealth.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы