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

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

@jun_hi
Изображение канала: Дизайнер, привет
18 421 подписчик
54 поста
Посты
🛠️ Как дизайнер запускает ИИ-продукты
Миша Наер работает в команде экспериментов Сбера, где нужно быстро собирать новые продукты на разных платформах. Поэтому он совмещает дизайн, фронтенд, исследование и работу с ИИ-агентами, а прототипы часто делает сразу в коде. Вместо длинной цепочки «нарисовать в Фигме, передать разработчику, ждать» он использует Paper, Кодекс и другие инструменты. Показывает голосовую клавиатуру, интерактивную читалку и рассказывает, как не утонуть в параллельных задачах. Внутри: – Как дизайнер может брать на себя часть фронтенда и быстрее доводить идеи до рабочего прототипа; – Почему Paper удобен для веб-проектов, если макет сразу должен превращаться в HTML и CSS; – Как Миша собирал сайт голосовой клавиатуры Type и добавлял в него анимации через агента; – Где заканчивается польза вайб-кодинга и начинается когнитивная перегрузка; – Почему важнее не название новой роли, а способность самому довести идею до работающего продукта. ➡️ Смотреть видео ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧾 Контракт компонентов: как сделать решения проверяемыми
Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в Markdown; – Почему каждое решение нужно хранить в одном месте; – Как сделать контракт независимым от Фигмы, веба, iOS и Android; – Зачем нужны схемы, автоматическая проверка и детерминированная генерация; – Как менять контракты через ADR, версии и понятные правила совместимости. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
📊 Как в Контуре проверяют, пригодилась ли работа команды
Внутреннее бюро разработки Контура подключается к продуктовым командам на ограниченный срок, отдаёт результат и переключается на следующую задачу. Поэтому сотрудники часто не знали, что происходило с их исследованиями, макетами, аналитикой и кодом после передачи. Команда сначала пыталась собрать универсальную метрику бизнес-успешности, но быстро упёрлась в разницу между задачами. В итоге оставили короткую анкету по шкале Лайкерта и раз в квартал спрашивают заказчиков, пригодился ли результат. На заполнение уходит от одной до пяти минут, а из 176 задач только четыре полностью остались без применения. Внутри: – Почему результат работы легко теряется после передачи другой команде; – Какие проблемы возникли при попытке измерить всё одной метрикой; – Как Контур адаптировал CSI и перешёл к шкале Лайкерта; – Что показали ответы заказчиков и как они помогли найти слабые места; – Как обратная связь повлияла на брифинги, планирование и мотивацию сотрудников. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Как начать делать сайты с AI-агентом? 🤖
Заказчики всё чаще приходят с просьбой «сгенерить сайт в нейронке». Некоторые пробуют сами, и первая страница правда получается быстро. Дальше начинается веселье: правки ломают вёрстку, формы никуда не отправляются, а оплату и CMS так просто уже не прикрутишь 😱 Довести такую страницу до сайта, который можно сдать клиенту, получается далеко не у всех. Тут многое решает среда, в которой работает агент, и то, что вы в неё положили. Я уже рассказывал про кейс Коли Алексеева, основателя студии Fluid. У них клиентский сайт на трёх языках целиком переносил AI-агент. Теперь Коля собрал гайд, как настроить такую среду 👇 • чем AI-агент отличается от чата и от конструктора; • как развернуть свою среду и какие скиллы дать агенту; • Claude Code или Codex: что выбрать под задачу; • чем усилить агента, чтобы он не выдавал слоп. 🎙 Эфир уже завтра, 30 сентября в 18:00 мск Коля вместе с агентами соберёт интернет-магазин с нуля: от дизайна до сайта на реальном домене. С каталогом на тысячи товаров, админкой, оплатой и доставкой. 🔠 Бесплатный гайд и ссылка на эфир в боте 🔠 Бесплатный гайд и ссылка на эфир в боте 🔠 Бесплатный гайд и ссылка на эфир в боте Интересно, сколько раз за эфир агент напишет «Готово!», пока ничего ещё не готово)
🧩 Как в Cursor собрали систему из 600+ иконок
Автор рассказывает, как за год перерисовал больше 600 иконок для Cursor. У каждой по две версии размера и стиля, а многие варианты проходили десятки итераций. Даже толщина линии 1,25 пикселя появилась не из расчёта, а после долгого сравнения с текстом и интерфейсом. В работе помогли правила, которые удерживают набор цельным: оптические формы, одинаковые элементы, естественные пропорции и ручные корректировки там, где формальных правил недостаточно. Вокруг иконок собрали полноценную систему с файлами в Фигме, поиском по тегам, документацией, миграцией старых кодов и автоматической публикацией. Внутри: – Почему унаследованный набор иконок начал расходиться по стилю и смыслу; – Зачем нужны отдельные версии для 16 и 24 пикселей; – Как оптические правки делают маленькие иконки аккуратнее; – Какие три файла в Фигме помогают поддерживать единый стиль; – Почему хорошая икон-библиотека требует не только рисунков, но и документации, поиска и автоматизации. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #203
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – semplice.com/supply – conductor.build – sketchin.com – bettershot.site – nestrenew.google – gem.com ——— – okey.codes – frontify.com – 2025.oceanx.org – calendly.com – amie.so/calendar – gong.io ——— – shopify.supply/performance-pack – copilot.money – heimdallpower.com – walden.us – 1820productions.com – dannpetty.com ——— – ventriloc.ca/en – follow.art – s-2k.webflow.io – valentine.getfreewrite.com – narrative.bi/ga-narratives – jeskojets.com ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Игра на HireHi и мой шок
Сидел я значит в пятницу и подумал, что прикольно было бы освежить 404 страницу. Убрать там скучную иллюстрацию или как-то анимировать мб. В итоге придумал сделать игру, как в гугле, когда нет инета аля марио. Бежишь, собираешь какие-то штучки, обходишь препятствия и фанишься. В итоге я сделал это отдельным разделом на сайте, который еще и бизнесово даст вам скидку до 20% на любой тариф и срок, если дойдёте до конца. Самый шок в том, что я всё это сделал буквально за 2 часа парой промтов. Нейронка сама нарисовала иллюстрации, трассу, придумала логику и так далее. Я лишь скорректировал какие-то моменты и немного поменеджерил. Сколько бы я это делал с фронтами и бэкендом ума не приложу и сколько нервов пришлось бы потратить, объясняя нюансы. Будущее уже ходит где-то рядом. Поиграть можно тут: победить босса ——— Второй мой шок случился, когда я решил задизайнить себе новую админку (освежить UI в стиле Linear). Я буквально дал просто 1 фразу и через 10 минут все было готово. Даже адаптив. Мне не пришлось править н-и-ч-е-г-о. В итоге это уже на проде и был в полном шоке. Фронты бы это делали недели две-три точно с перерывом на обед, поболеть, погулять и так далее. ——— Третий шок прикрепил. Это заняло 5 минут и промт «сделай видос про мой продукт, вот ссылка». Моушн дизайнеры в-с-ё. В общем, пара часов и у меня была готова игра, новая админка и видос. 0 нервов, 0 потраченных рублей (кроме подписки на аи). Как вам? ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔎 Как исследования становятся силой в продукте
В Купере исследователи пересматривают свою роль в продуктовой команде. Их задача — не просто провести исследование и передать рекомендации, а помогать принимать решения ещё до появления задачи в бэклоге. Для этого команда собирает карту продуктовых решений: что уже известно, какие есть гипотезы и где остаётся неопределённость. Влияние исследований бывает разным. Иногда оно видно сразу в изменённых макетах и приоритетах, иногда помогает отказаться от ненужной идеи или выбрать направление. Бывает и отложенный эффект, когда старые данные спустя время помогают принять новое решение. Чтобы находки не терялись, в Купере ведут базу исследований и отдельный бэклог побочных инсайтов. Внутри: – Какие четыре уровня влияния исследований выделяет команда Купера; – Почему исследователю важно видеть продуктовый контекст целиком; – Как карта решений помогает находить места для новых исследований; – Как переиспользовать данные прошлых исследований; – Почему исследователь должен участвовать в формировании стратегии и бэклога. ➡️ Смотреть видео ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Придумать маскота для винокурни 🎨
Маскоты сейчас вообще на подъёме. У Т2 персонаж делает 67, сова Duolingo давно живёт своей жизнью. Хороший герой часто запоминается сильнее логотипа. Такого героя сейчас ищет «Крутояр», винокурня со Ставрополья со своим производством. Заказывать персонажа у студии они не стали и запустили открытый конкурс, так что придумать его может любой. Потом из этих работ соберут шорт-лист, и победивший образ может стать частью айдентики бренда. 🖌 Что можно прислать Иллюстрацию, цифровую графику, 3D, видео или анимацию. Работы с ИИ тоже принимают, так что генерации наконец пригодятся для дела) Жёстких рамок по типу персонажа нет, главное, чтобы у него был характер и за ним стояла идея. 🏆 Что по призам • 1 место: поездка на Ставрополье, экскурсия по Пятигорску и визит на винокурню; • приз зрительских симпатий: флагманский смартфон; • 9 специальных призов авторам самых оригинальных концепций. 📅 Сроки Работы принимают до 10 октября. Лучшие попадут в шорт-лист, победителей выберут зрители и экспертное жюри. Чтобы участвовать, опубликуйте работу у себя в соцсетях или на Behance/Dprofile с хэштегом #МаскотКрутояр и пришлите ссылку в Telegram-бот. Участвовать можно с 18 лет. Полные условия есть в официальном посте «Крутояра. 🔠 Отправить работу через Telegram-бот 🔠 Отправить работу через Telegram-бот 🔠 Отправить работу через Telegram-бот Если у вас в папке «когда-нибудь доделаю» давно лежат наброски персонажей или маскотов, самое время его достать)
🧱 Спецификации компонентов как общий язык Фигмы и кода
Нейтан Кёртис показывает, как превратить спецификации компонентов в рабочий центр дизайн-системы. Они собирают решения из Фигмы, прототипов и кода, а затем помогают переносить их между этими средами без потери деталей. Для этого нужны структурированные данные, схемы, версии и понятные правила. ИИ может помогать собирать требования и превращать их в код, но важные решения должны оставаться видимыми, проверяемыми и доступными для ревью. В такой системе инженеры тоже влияют на дизайн: находят проблемы с доступностью, уточняют поведение и возвращают эти решения в общую модель. Внутри: – Почему спецификация становится связующим слоем между дизайном, кодом и документацией; – Какие данные стоит описывать для каждого компонента; – Зачем разделять сгенерированные правила и требования, написанные людьми; – Как переносить решения между Фигмой, прототипами и разными платформами; – Почему ИИ лучше работает со структурированными контрактами, чем с разрозненными макетами. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Как я пилю свой продукт. Часть 37
Уже месяц прошёл с прошлой части, а по ощущениям недели две. Работы было много, в основном вокруг резюме, собесов и вакансий, ну и моего любимого SEO, конечно. График переходов с поиска растёт с июля и это оч оч радует меня. Цифры В 35 части я писал, что проседаю по выручке. Сравнил последние 4 недели с предыдущими: – Оплат больше на 22%; – Платящих пользователей больше на 26%; – Регистраций больше на 16%. Приятно) Спасибо всем, кто покупает подписку, вы лучшие ❤️ Повторная проверка CV Новый UI проверки резюме показывал в прошлой части, теперь допилил, что происходит дальше. Поправили резюме по рекомендациям, проверяете ещё раз, и сервис смотрит, что именно вы исправили и как это повлияло на оценку. А если резюме не трогали, откроется прошлый результат, и проверка не потратится. Платить дважды за одно и то же странно, согласитесь) Заодно пересобрал карточку резюме в профиле. Все действия теперь в одном меню: проверить, улучшить, скачать PDF или ATS-версию, продублировать на английском. На мобилке это нормальная шторка, а не кнопки, которые разъезжаются по экрану. AI-собес AI-рекрутер стал любопытнее)) Если в ответе есть за что зацепиться, он переспросит: как принимали решение, что в итоге получилось. Мучить вас полсобеса одним кейсом он при этом не будет, это отдельно настраивал. Плюс переходы между вопросами стали связнее. Приходите пробовать, и если он где-то тупит, кидайте мне, это оч помогает. Вакансии и поиск Вот тут боль, которую на сайте вообще не видно: – Один город пишут по-русски, по-английски и сокращениями; – Зарплату указывают за месяц, за год, в разных валютах; – А названия профессий это отдельный цирк)) Всё это надо привести к одному виду, чтобы вы поставили фильтры и получили нормальную выдачу. Сижу разгребаю дальше. Фильтры в каталоге заодно стали быстрее, а фильтр зарплаты теперь учитывает выбранную валюту. Блог SEO пилим дальше, плюс я добавил себе аналитику: куда идёт человек после статьи, зарегался ли, дошёл ли до оплаты. Данных пока мало, так что весь рост выше блогу приписывать не буду) Как появятся нормальные результаты, обязательно поделюсь. По мелочи починил открытие Telegram и LinkedIn на Android, восстановление фильтров и отметки просмотренных вакансий. Ну и ещё сотни правок по UI и багам) Спасибо всем, кто пользуется, пишет про баги и советует HireHi друзьям. Пилим дальше 🥰 🔠 Лучшие вакансии в IT 🔠 Лучшие вакансии в IT 🔠 Лучшие вакансии в IT ч.36
🧠 39 принципов для дизайна интерфейсов с ИИ
ИИ делает интерфейсы непредсказуемыми: один и тот же запрос может привести к разным результатам. Поэтому дизайнеру приходится продумывать не только внешний вид, но и степень доверия, проверки и контроля на каждом шаге. Автор предлагает смотреть на ИИ как на партнёра по работе. Система должна объяснять свои действия, показывать источники, задавать уточняющие вопросы при неоднозначности и давать пользователю возможность быстро отменить результат. Чем выше цена ошибки, тем меньше самостоятельности стоит отдавать системе. Внутри: – Как выбирать между подсказкой, диалогом и автономным действием; – Почему источники полезнее абстрактной оценки уверенности; – Как проектировать ошибки, отказы, передачу задачи человеку и откат изменений; – Где нужны паузы и подтверждения, а где они только мешают работе; – Почему нужно измерять качество доверия к ИИ и учитывать изменения моделей со временем. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🦤 В Додо разобрались, почему общий модуль компонентов ещё не дизайн-система
В приложении было много кнопок и других элементов, но общего порядка не было. Одни компоненты копировали по фичам, другие напрямую использовали чужие команды. В итоге изменения приходилось вносить в нескольких местах, а разработчики зависели от решений коллег. Команда добавила паспорта компонентов, правила разработки, сторибук и скриншот-тесты. После этого компоненты начали делать сами фичевые команды, а ИИ стал помогать с шаблонным кодом. За ним всё равно проверяют люди, но ошибки теперь находят до релиза, а разработка компонента подешевела с 3–5 до 2 сторипоинтов. Внутри: – Почему копипаста и прямое переиспользование чужих компонентов одинаково создают проблемы; – Как отличить компонент дизайн-системы от компонента конкретной фичи; – Зачем нужны паспорта компонентов и сторибук; – Как распределить разработку между командами, если владельцев дизайн-системы всего двое; – Почему ИИ хорошо собирает бойлерплейт только вместе с правилами, тестами и ревью. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #202
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – sunday.ai – cotool.ai – coastpay.com – art-yakushev.com – littleampscoffee.com – twigspaper.com ——— – tricota.com.ar – myjuniper.com – portorocha.com – mastercard.com/businessoutcomes – timestripe.com – musotoku.com ——— – good-fella.com – shade.inc – gte.xyz – hopin.com – petspan.com – wearecollins.com ——— – dotconnect.vc – ova-investment.com – trybento.co – museum.unesco.org – lightweight.info – graphite.space ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
📈 Как измерять влияние UX-исследований
В Т2 отказались оценивать исследователей по количеству проведённых работ и удовлетворённости заказчиков. Вместо этого команда отслеживает, что происходит с результатами исследований после передачи в продукт: какие артефакты вышли в прод, взяты в работу, отложены или отклонены. Единицей измерения может быть рекомендация, найденная проблема или клиентская метрика. Для каждого результата фиксируют проект, заказчика, дату и текущий статус. В 2025 году показатель влияния исследований составил 78%, но команда использует его прежде всего для разбора причин и улучшения взаимодействия с продуктом. Внутри: – Почему количество исследований плохо подходит для оценки их пользы; – Как устроена трёхуровневая модель влияния; – Какие статусы получают рекомендации и проблемы после исследования; – Как работать с отклонёнными результатами; – Почему исследовательская команда должна быть партнёром продукта и участвовать в Discovery. ➡️ Смотреть видео ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🤖 Что получилось из ИИ-продакта и команды агентов
Автор собрал систему, где ИИ-продакт работает с бэклогом и принимает решения на уровне продукта, а агенты-исполнители отдельно анализируют, разрабатывают и проверяют задачи. Задачи хранят контекст и историю решений, а продакт следит, чтобы команда решала проблему пользователя, а не просто закрывала пункты технического задания. За неделю система выполнила около 350 задач в четырёх направлениях. При этом быстро выяснилось, что автономность сама по себе не гарантирует эффективность: агенты начали дробить работу, придумывать лишние правила и многократно перепроверять малозначимые вещи. После ретроспективы процессные задачи сократили с 75% до 25%, а кросс-ревью и передачу задач между моделями автоматизировали. Внутри: – Как связаны ИИ-продакт, бэклог с контекстом и конвейер исполнителей; – Почему агенты заходят в тупик, когда видят только свою задачу; – Как избыточные гейты и контроль превращают автономную систему в бюрократию; – Какие изменения помогли сократить лишнюю процессную работу; – Где проходит граница между полезной автономностью и работой ради самой работы. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Простите, я буду это делать, пока это будет. Прилетело вот)))
Приходите: hirehi.ru и зовите всех, кто ищет работку в айти
🧱 Дизайн-система должна хранить решения, а не только компоненты
Автор проверил это на трёх ИИ-агентах. Всем дали одну библиотеку компонентов, токены и задания собрать страницу настроек для разных продуктов. В результате получились три вполне рабочие страницы, но с разной структурой: где-то вкладки, где-то карточки, разные способы сохранения и разные подходы к опасным действиям. Компоненты задают кнопки, поля и переключатели, но не отвечают на вопросы более высокого уровня. Поэтому команда должна отдельно описывать повторяющиеся решения: как устроена страница настроек, где размещается опасная зона, когда изменения сохраняются и как подтверждается удаление. После этого такие правила можно закрепить в коде и понятных паттернах, чтобы следующий дизайнер или ИИ не решал ту же задачу заново. Внутри: – Почему библиотеки компонентов сами по себе не создают единую систему; – Какие решения чаще всего остаются только в головах и старых макетах; – Как разложить страницу настроек на поведение, строки, группы и общий шаблон; – Что меняется, когда правила описаны рядом с компонентами; – Как использовать ИИ-агентов, чтобы находить места, где продукт начинает расходиться. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Перенести клиентский сайт с конструктора с помощью AI 👀
Одна страница ещё ладно. Но здесь три языка, больше двадцати страниц, блог, бронирование и формы заявок. Всё это надо перенести, сохранить внешний вид и проверить, что после переезда заявки продолжают приходить. Коля Алексеев, основатель студии Fluid, описал такой кейс. AI-агент проходил сайт страницу за страницей и собирал его заново на собственном коде. Ему удалось сохранить и внешний вид, и позиции в поиске. На основе этой работы он написал бесплатный гайд по настройке среды для AI-агентов. Можно пройти по шагам и собрать у себя всё, что нужно для работы над своими проектами. 📌 Что внутри: • Как настроить среду и подготовить скиллы; • Как сохранять правки в правилах, чтобы каждый раз не объяснять одно и то же; • Claude Code или Codex: что выбрать под задачу; • Какие инструкции и инструменты дать агенту, чтобы меньше переделывать за ним. 🙂 А 16 сентября в 18:00 мск Коля проведёт эфир и соберёт с агентами клиентский сайт по настоящему ТЗ, от дизайна до CMS. Можно будет посмотреть, как он ставит задачи и доводит сайт до рабочего состояния. 🔠 Забрать бесплатный гайд
🎨 Как подобрать палитру и не отдать решение нейросети
Автор разбирает подбор цветов от задачи проекта до промптов для генерации изображений. Сначала нужно понять характер бренда, аудиторию, конкурентов и носители. Потом выбрать цветовую схему, определить роли оттенков и проверить, сохраняется ли контраст в чёрно-белом варианте. Для генерации одной красивой картинки достаточно общего описания. Для серии в едином стиле нужно заранее зафиксировать цвета, HEX-коды, насыщенность, яркость и назначение каждого оттенка. Иначе нейросеть начнёт менять палитру от изображения к изображению. Внутри: – Чем отличаются RGB, CMYK, HEX и HSB; – Как использовать монохромные, аналоговые, комплементарные и триадные схемы; – Зачем нужно правило 60–30–10; – Как проверить контраст и понять, куда падает внимание; – В каком порядке описывать палитру, объекты и сюжет в промпте. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы