🤖 Как проектировать интерфейс для ИИ-агента

Дэмиен разбирает работу над Copywriter, сервисом для создания шаблонов продуктовых текстов. Раньше клиент заполнял форму, разработчик вручную собирал шаблон, а команда несколько раз обновляла его после обратной связи. Такой процесс плохо масштабировался. Теперь агент получает примеры хороших текстов, определяет структуру и правила, создаёт шаблон и обновляет его после проверки пользователем. Для каждого этапа команда описывает цель, ограничения и критерии готовности. Интерфейс совмещает пошаговый сценарий с чатом, а текущий шаблон остаётся виден во время всей работы. Внутри: – Чем интерфейсы ИИ-агентов отличаются от обычных сервисов; – Почему успех агента стоит оценивать по завершённым задачам; – Как задать агенту характер, память и правила общения; – Зачем показывать пользователю действия и промежуточный результат; – Как команда перешла от макетов в Фигме к рабочему прототипу в коде. ➡️ Смотреть видео (можно смотреть с Я.Браузером с переводом) ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Пока я делаю HireHi, каждый день смотрю вакансии и вижу, как быстро меняются требования. Вчера дизайнеру хватало Фигмы, исследований и хорошего портфолио. Сегодня уже спрашивают про AI-агентов, работу с кодом, метрики и ещё десяток новых инструментов. Пытаешься за всем успеть, открываешь очередной сервис, читаешь про новый набор навыков и в какой-то момент уже не понимаешь, с чего начать и как соответствовать требованиями. Примерно как в горах: только привык к маршруту, а тебя уже сдувает ветер.  Практикум PRO и АльпИндустрия сделали на эту тему небольшой спецпроект. На сайте можно выбрать свою погоду в IT: ветер, похолодание, туман или ясно. Для каждого сценария собрали советы от людей, которые умеют работать в условиях постоянных изменений. ИИ-архитектор из промышленного сектора и арт-директор из Яндекса рассказали, что сейчас происходит с рынком и какие навыки стоит прокачивать. А мастер спорта по альпинизму поделился историями с восхождений и советами, как сохранять голову, когда вокруг всё идёт не по плану. В общем, если вас тоже немного укачало от постоянных изменений, можно свериться с маршрутом) Кстати, лендос очень приятный, я оценил. Оч кайфую от таких оттенков и взаимодействия в целом. Подготовиться ко всему

скучая по непечатаемым символам, я решила навайбкодить плагин PROOF MARKS для фигмы , который расставляет знаки в тексте и позволяет их кастомизировать! 🤍 [пользуйтесь] 🤍 p.s. через час у меня вебинарчик, на котором покажу как внедрила ии в свою жизнь, приходите!

Дмитрий Смагин из ПИК рассказывает, как команда впервые начала системно работать с интерфейсами внутреннего B2B-продукта для конструктивного проектирования. На демо заказчики принимали функционал без критики, хотя интерфейс был слабым. Проблема оказалась не только в экранах, а в процессах: не было макетов, дизайнеров, единого набора правил и нормальной обратной связи от реальных пользователей. Команда начала разбирать интерфейсы вместе, завела Фигму, собрала базовый набор правил и стала проверять сценарии на UX-тестах. Выяснилось, что часть людей годами молча бросала инструменты после первой ошибки. Позже факап с пошаговым сценарием показал: без понимания, как пользователи работают сейчас, «современный» интерфейс только мешает. Внутри: – Почему в B2B отсутствие жалоб плохо показывает удобство; – Как команда без дизайнеров начала разбирать интерфейсы и сценарии; – Зачем аналитики освоили Фигму и сделали макеты обязательными; – Как редизайн и UX-тесты изменили запуск инструментов и обратную связь; – Почему пошаговый сценарий провалился без карты пути пользователя; – По каким признакам понять, что проблема уже в интерфейсе, а не в людях. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

вы пробовали сделать препресс в фигме? вас тоже засмеяли за это друзья??? всем привет, это Соня и в фигме правда нельзя перевести макет в cmyk режим и настроить dpi, а все плагины работают ну ОЧЕНЬ печально но препресс это же еще и эстетика!! шкалы цветов, метки обреза и вылеты, информация о дате экспорта специально для гурманов я навайбкодила плагин FAKE PRINT, который качественно это все расставляет! забирайте, вот ссылочка 🙂 кстати приходите ко мне на курс по Повседневному Использованию Нейросетей с 25-го августа, научу вайбкодить плагины для фигмы😏

В записи UXDX два доклада о том, как команды работают с неопределённостью. Саурава Дароджи из Nutanix показывает процесс, где ИИ превращает обсуждение в первое описание требований, помогает собрать прототип в Фигме и передаёт общий контекст разработчикам. Во второй части речь идёт о работе UX-исследователя. Перед запуском исследования нужно определить тип проблемы. Для понятного вопроса часто достаточно найти готовые данные, сложному понадобится эксперт и строгий метод, а в хаотичной ситуации сначала придётся стабилизировать продукт. Внутри: – Как превратить разговор команды в требования, прототип и код; – Почему общий контекст важнее личной скорости работы с ИИ; – Как поддерживать одну актуальную версию решений и документов; – Чем отличаются понятные, сложные и хаотичные проблемы; – Когда проводить исследование, искать готовый ответ или начинать с эксперимента. ➡️ Смотреть видео (можно смотреть с Я.Браузером с переводом) ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

ui.figma.cool

Дима Тогулев сделал портфолио, которым можно управлять через веб-камеру и движения рук. Код писал Claude Code, а дизайн формировался прямо в работающем продукте: первая версия, проверка, новое правило, следующая итерация. Главная сложность оказалась в шаблонных решениях, которые ИИ предлагает по умолчанию. Автор убрал цветные подписи, отказался от обычных модальных окон, переделал подсказки под визуальный язык сайта и после тестов вернул точку-курсор. Пользователи без неё просто не понимали, где система видит руку. Внутри: – Как вести дизайн-процесс без готового макета и подробного ТЗ; – По каким деталям можно узнать шаблонный дизайн от ИИ; – Как превращать каждую правку в правило для следующих итераций; – Почему реальные тесты важнее уверенности автора в своей идее; – Как сохранить собственный стиль, когда большую часть работы выполняет ИИ. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

#легкий

Отзыв Марии Грибовой о курсе в феврале-марте: Во-первых, два преподавателя — это круто, особенно было интересно на созвонах, можно получить две точки зрения. Во-вторых, понравилось, как преподаватели работают с макетами: не навязывают какой-то свой вариант, а докручивают идею студента. В итоге на каждой неделе в группе получалось несколько макетов, все со своим уровнем сложности. В-третьих, преподаватели всегда помогали разобраться с технической реализацией той или иной идеи в фигме или индизайне, для меня это было очень ценно. Ну и в-четвертых, было весело! Преподаватели умеют давать обратную связь даже на плакат из девяностых без какого-то хейта, но с юмором и уважением к чужой идее. Я не дизайнер, но не почувствовала себя совсем уж неумехой. В-пятых, классный был поток! Чувствовалось, что участники — спецы с разным бэкграундом: кто-то занимается лендингами, кто-то верстает книги, кто-то классно работает с фотками.

Я каждый день смотрю вакансии и вижу, что старый сценарий работает всё хуже. Раньше можно было раз в пару лет перейти в другую компанию, получить следующий грейд и заметно вырасти по зарплате. Сейчас поиск занимает месяцы, вилки часто стоят на месте, а где-то на новом месте вообще предлагают меньше. При этом требования стали сильно шире. Рядом с Фигмой и исследованиями всё чаще стоят AI-агенты, вайбкодинг и рабочие прототипы. Компаниям нужны дизайнеры, которые могут быстрее проверить идею, собрать живой сценарий и положить его пользователям или команде без долгого ожидания разработки. Я сам каждый день работаю с AI и вижу, насколько сильно это ускоряет путь от идеи до реализации каких-то фич (иногда буквально 5 минут). Но просто открыть Клода или Кодекс и попросить его «сделать красиво» недостаточно. Нужен нормальный процесс, чтобы агент понимал задачу, работал с интерфейсом и помогал довести результат до чего-то живого. 😎 Даниил Шишко из Pixel Perfect собрал такой процесс в бесплатный спринт из 4 уроков. На занятиях разберёте работу с AI-агентом и завайбкодите свой продукт или отдельную фичу. В итоге останется готовая работа, которую можно показать в портфолио или докрутить под свой проект. Работать будете в OpenCode. Агент бесплатный, поэтому покупать ещё одну подписку ради обучения не придётся. 🔠 Запустить бесплатный спринт 🔠 Запустить бесплатный спринт 🔠 Запустить бесплатный спринт

Если хотите создавать фавиконы не выходя из фигмы, то просто скачайте этот плагин! Install ️

Если кому-то интересно и есть свободное время до конца месяца - напишите мне плз)

дизайн-концепции и референсы 1. как создать дизайн-концепцию — простой способ придумывать концепты. 2. смотрим на референсы по-новому — инструмент работы с рефами, чтобы ускорить процессы. 3. как создаются концепции сайтов на пресейле — от мудборда и первых направлений до прототипа для защиты. 4. рисуем интерфейс циферблатов — экраны смарт-часов под конкурс CMF by nothing. figma и прототипы 5. этапы работы над проектом в figma — разбор структуры рабочей фигмы. 6. кликабельный прототип в figma — от настройки базовых связей до микроанимаций и пушей. 7. интерактивные макеты в figma и principle — как быстро оживить лендинг для презентации заказчику и передать моушен в разработку. анимация и верстка 8. верстка на readymag и анимации shots — особенности верстки и создание 3d. 9. пиксельная анимация в after effects — разработка анимации для сайта-заглушки. ai и вайбкодинг 10. айдентика кайференции на нейронках — визуал через связку krea, runway и gpt. 11. как убрать пластиковый эффект кожи в AI — пайплайн генерации реалистичной текстуры. 12. вайбкод для дизайнеров: интерактивный UI-эффект — как без опыта в коде быстро собрать эффект с нуля. 13. создаем сайт с помощью нейросетей — вайбкодим и тестируем инструменты. карьера и портфолио 14. портфолио дизайнера: что и как показывать — упаковка кейсов сегодня, выделяемся при найме. 15. карта компетенций и система грейдов — оценка и критерии роста в студии. 16. рисуем вместе кейс на behance — собираем и упаковываем проект в портфолио. 👍 если полетело в избранные!

#Уроки

Очередной набор бесплатных иконок для фигмы. В этот раз они жирненькие и без разделений по категориям 📱 Скачать набор 📱 #материалы

Я когда работад продуктовым дизайнером это была моя вселенская боль. Да я мог сделать интерфейс, красиво сверстать кнопочки, формы, продумать логику и прочее. Но как только речь заходила про визуал в блоке, в карточке и так далее, был ступор. Я в этом полный ноль и очень об этом жалел. Во всех продуктах, где я работал. Ни идей, ничего. И я жёстко хотел научиться делать крутые штуки со смыслом, как примерно все в моём диз окружении. Но не осилил( С дизайном сейчас странная штука. Инструментов стало больше, а работы всё чаще похожи друг на друга. Промпт, рефы, немного Фигмы, пара правок, и готов аккуратный лендинг. Смотреть можно. Вспомнить через час уже сложнее. Поэтому всё сильнее ценятся дизайнеры, которые умеют работать с идеей. Найти образ, собрать визуальный язык, объяснить решение, довести детали и сделать так, чтобы проект выглядел цельно. Это уже история про арт-дирекшен. И как раз про это ребята из mads делают курс «Визуальная коммуникация: как стать сильным арт-директором». Он для дизайнеров, арт-директоров и лидов команд, которые хотят лучше работать с визуальными смыслами, прокачать вкус, научиться увереннее презентовать идеи и вести креативный процесс. ✨ Кто будет учить – Катя Бородина, креативный директор. 17 лет в коммуникационном дизайне, 50+ российских и международных наград. – Арина Авдеева, основательница mads и Friends Moscow. 4 Cannes Lions и 100+ международных наград. – Лёша Венцкевич, senior art director в BBDO Black. Работал с Coca-Cola, MEGA, OREO, IKEA, DUREX и другими брендами. Ещё будут Ира Смоликова, Дима Втулкин, команды Petrick, ITSALIVE, ONY, Synticate, CLAN, Sinners, Hype Production и другие ребята из индустрии. 📚 Что будет на курсе Разберут роль арт-директора, работу с визуальной идеей, презентацию решений, брендинг, digital, типографику, видео, CGI, motion, 3D, AI в креативе и сборку кейса. То есть курс не только про красивую картинку. Там много про мышление, крафт, насмотренность, работу с командой и умение довести идею до результата. 🧩 По формату два варика – Первый: полноценный онлайн-курс с живыми занятиями, кураторами, практикой, домашками и финальным проектом. – Второй: самостоятельный формат с записями, воркшопами и заданиями в своём темпе. Для вас, конечно, есть промик mads20 на скидку 20 000 ₽. Если чувствуете, что хочется делать визуал сильнее и смелее, посмотрите программу. Мне кажется, для дизайнеров, которые хотят расти в сторону арт-дирекшена, это аще супер. На рынке такого практически нет. 🔠 Зарегаться на курс 🔠 Зарегаться на курс

Мы теперь "Фигма в мире ИИ". Норм позиционирование?😅 Вопрос к знатокам вам, как думаете выглядит удобно? Старые пользователи быстро привыкнут? Упор на профессиональном направлении с командной работой и мощными функциями, правильное позиционирование? Вопросов больше, чем ответов😂 Напишите, пожалуйста, что думаете, нужно ваше мнение. А то у меня взгляд уже зашорен.

Автор расспросила дизайнеров и исследователей из Сбера, Avito, VK, ВТБ и Яндекса о том, как ИИ изменил их работу за последний год. Получился не список «волшебных инструментов», а довольно трезвый срез: модели уже плотно вошли в рутину, но почти нигде не забрали продуктовые решения целиком. Чаще всего ИИ используют там, где нужно ускорить черновую, механическую или вариативную работу: собрать структуру интервью, сгруппировать обращения поддержки, накидать идеи для флоу, подготовить временную иллюстрацию, улучшить изображение, сделать видео, проверить макет по эвристикам или быстро собрать прототип. При этом все важное по-прежнему остается за человеком: контекст продукта, бизнес-ограничения, финальная интерпретация, качество решения и ответственность за результат. Внутри: – Какие ИИ-инструменты дизайнеры используют каждый день; – Почему текст, анализ и структурирование стали самыми частыми задачами для моделей; – Как генерация изображений и видео изменила работу бренд-дизайнеров; – Почему Фигма, Cursor, Claude Code и Codex становятся частью рабочего процесса; – Какие задачи стали быстрее, но не стали бессмысленными; – Почему продуктовый дизайн все еще нельзя просто отдать нейросети; – Где ИИ уже дает вау-эффект, особенно в видео, визуалах и анализе интервью; – Почему дизайнеру теперь важно не только пользоваться ИИ, но и понимать, где его результат нужно перепроверять. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Лев Брук говорит о мотивации через очень практичную вещь: если в работе всё начинает бесить, не обязательно терпеть и ждать вдохновения. Часто лучше разобрать раздражающий процесс на части и попробовать его изменить: написать маленький скрипт, собрать плагин для Фигмы, автоматизировать повторяющееся действие или сделать личный инструмент, который закрывает конкретную боль. В этом подходе важно не само программирование, а привычка не оставаться пассивным пользователем инструментов. Неудобно читать тексты в макете, можно сделать свой плагин. Надо постоянно искать синонимы, можно собрать простой сервис под себя. Нужно быстро делать сетки, оттенки или паттерны, можно описать задачу нейросети как младшему помощнику и довести результат руками. Так рутина превращается в исследование, а маленькие улучшения начинают возвращать интерес к работе. Внутри: – Почему однотипные задачи быстро убивают мотивацию; – Как раздражение в процессе может стать поводом для полезного инструмента; – Зачем дизайнеру учиться делать простые скрипты и плагины для Фигмы; – Почему нейросеть лучше воспринимать как помощника, а не как готовое решение; – Как декомпозиция задачи помогает превратить действие в код; – Где автоматизация экономит время, а где превращается в работу «в стол»; – Почему ошибки и маленькие успешные кейсы поддерживают мотивацию; – Как комьюнити помогает не бросать свои эксперименты на полпути. ➡️ Смотреть видео ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы