Игорь Яковлев, старший дизайнер в Яндексе и арт-директор wannabe, расскажет о второй подборке AI инструментов.

Игорь уверен, что с AI дизайнер больше не ограничивается ресерчем и макетами. сегодня он может сам собрать MVP или фичу — протестировать идею без помощи разработчиков. для этого уже есть инструменты вайб-кодинга:

ChatGPT — не только тексты и картинки, а полноценный помощник для разработки: обсуждает архитектуру, пишет и правит код.

Gemini — можно быстро протестить гипотезы и собрать прототипы, особенно удобно в Google-экосистеме.

Figma Make — создает рабочие интерфейсы прямо в Figma по текстовому описанию.

Builder.io — как Webflow с AI: есть все, от промпта до чистого кода и интеграций с репозиториями.

v0 — превращает идеи в full-stack прототипы, сразу думая про масштаб и безопасность.

RooCode — расширение для VS Code на базе Claude, без лимитов и очередей, которое помогает писать код, исправлять ошибки, разбирать проекты и ускорять разработку.

Cursor — AI-редактор кода: автодополнение, генерация функций и рефакторинг на Python, JS, TS, Go, Rust.

сегодня на встрече в 19:00 Игорь покажет, как собрать прототип лендинга только с помощью AI 🔥

регистрация тут

#AI

редизайн сервиса Самокат

Юля Переверзева недавно стала выпускником superpowered и продолжает регулярно делать домашки, которые доступны участникам комьюнити. она поработала над редизайном сервиса Самокат и представила, как бы он мог звучать и выглядеть на международном рынке. Юля рассказала о проекте:

«Основная задача — сократить время поиска и упростить путь к заказу.

Решения:
1️⃣ перенесла поиск наверх для бо‌льшей заметности
2️⃣ уменьшила баннер и встроила так, чтобы он информировал, но не отвлекал от выбора товаров
3️⃣ перестроила категории в более понятную иерархию — разделила на два типа:
- персональные (сохранённые, уже заказанные, со скидками и рекомендации)
- продуктовые, которые также доступны в общем каталоге

Визуальная основа — темный минималистичный фон, который концентрирует внимание на товарах и категориях.

Яркие акцентные цвета добавляют динамики и помогают быстро ориентироваться в интерфейсе. Категории оформила в виде контрастных карточек с четкой модульной структурой — это упростило навигацию, усилило ощущение системности и сделало экран визуально чище и понятнее».

больше работ от Юли

#UXUI

в среду у нас прошло мероприятие, где Игорь Яковлев, старший дизайнер в Яндекс, показал, как с помощью AI собрать концепт лендинга и перевести его в прототип.

если вы хотите так же уметь работать с AI инструментами, приходите учиться в интенсивную группу, где Игорь проведет воркшопы по AI.

запись открыта до 6 октября. осталось 1 место 🍪

#AI

на этой неделе поговорим о дизайн-системах. вот мои личные рекомендации книг на эту тему:

1️⃣ Atomic Design by B. Frost
автор описывает методологию, которая разбивает интерфейс на пять уровней: атомы, молекулы, организмы, шаблоны и страницы.

такой подход помогает создавать дизайн-системы из повторно используемых маленьких элементов, которые постепенно собираются в сложные UI-компоненты и целые страницы. этот подход изучаем на курсе.

2️⃣ Design Systems by A.Kholmatova
практическое руководство по созданию дизайн-систем, основанное на качестве элементов и взаимодействиях внутри команды.

книга помогает понять, как создать живую систему, которая объединяет визуальные и поведенческие паттерны, упрощает коммуникацию и ускоряет разработку.

3️⃣ Laying the Foundations by A.Couldwell
честный и конкретный взгляд на создание дизайн-систем с нуля.

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

#дизайнсистемы

вижу, что большинство выбирает material design, я тоже люблю его за основательность, но за стиль выбираю ibm carbon

Google Material Design
cамая известная дизайн-система с фокусом на кроссплатформенный современный дизайн, адаптивность и доступность.
📖 предлагает подробную документацию

Apple Human Interface Guidelines
система для продуктов Apple с акцентом на интуитивность и эстетику. документация обширная, но с высоким порогом вхождения.
🥲 мне часто не хватает деталей

IBM Carbon Design System
корпоративная система IBM с акцентом на масштабируемость и доступность.
🖤 отличается продуманной архитектурой токенов и большим количеством компонентов для сложных интерфейсов

Untitled UI
современная дизайн-система с минималистичным и чистым стилем, ориентирована на веб- и мобильные интерфейсы. удобна для кастомизации и быстрого прототипирования.
💡часто использую как референс для wireframes

#дизайнсистемы

мне нравится, что домашки позволяют ребятам поработать над маленькой проблемой и предложить разные решения.

Света Гутько подготовила свое видение сервиса Quizlet:

«Нашла несколько возможностей для улучшения:

1️⃣ Обучение происходит на уровне сетов — это главная точка входа для пользователя. Поэтому я предположила, что создавать сеты/папки можно на отдельной странице, а на главной для вовлеченности показать последние сеты пользователя и прогресс по их прохождению.

2️⃣ Папки создаются редко, постоянная видимость им не нужна. Но в период подготовки к экзаменам логично закреплять важные папки на главной — так они становятся дополнительной входной точкой в обучение.

3️⃣ В Quizlet есть не только личные сеты, но и огромная библиотека общедоступного контента, который можно изучать прямо там или копировать к себе. Я добавила рекомендации сетов сообщества прямо на главный экран.

В итоге редизайн фокусируется на главном — обучении. Недавняя активность и прогресс выходят на первый план, а функции управления остаются доступными, но не отвлекают от основной задачи пользователей».

ссылка на шот

#UXUI

очень хорошая работа Саши Хорьковой для всех, кто мечтает о других странах ☀️

отправиться в путешествие

#UXUI

хотела устроить тут жаркие споры, но, похоже, большинство – как и я – уверены, что ux/ui дизайнер должен уметь в креативные концепты 😎

почему?
потому что часто вижу, как дизайнеры интерфейсов пренебрегают базой графического дизайна. ведь есть стандарты, готовые дизайн-системы – взял и собрал сценарий, всё работает.

но такие сценарии часто получаются однотипными и визуально скучными.

это плохо?
да. потому что на каком-то этапе вам больше не скажут «собери из готового», а попросят придумать новый концепт. и тут привычная машина сборки из компонентов начинает буксовать. дизайнер умеет составлять интерфейсы из блоков, трёх гротесков и белого фона, но забывает про идею – смысл, сообщение, настроение, которые должен нести продукт.

значит ли это, что нужно полностью уйти в креатив и забить на привычные для пользователей паттерны?
нет. важно держать баланс и не жертвовать удобством.

но интерфейс – часть визуального позиционирования продукта. круто, когда он звучит в унисон с брендингом и tone of voice. тогда продукт становится живым и легко запоминается.

#UXUI

снова про книги

в начале года я решила почитать книгу на тему создания концептов. так как в то время я жила в азии, мой выбор пал именно на азиатского дизайнера Kenya Hara и его книгу Designing design. Kenya — известный японский графический дизайнер, стиль которого соединяет философию осознанного минимализма с уважением к материалу, пространству и контексту.

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

Kenya предложил для Muji концепт пустоты, которая должна быть наполнена смыслом самой аудиторией. это идет вразрез с тем, как обычно работает брендинг, — через донесение сообщения до пользователей.

в 2003 году вместе с командой Kenya подготовил рекламную кампанию, которая воплощала идею пустоты, свободной для интерпретации, и выбрал тему горизонтов.

«Изображение горизонта не представляет собой ничего конкретного, с другой стороны, включает в себя все. Это происходит, потому что оно дает нам беспрепятственный обзор всего на земле и на небе одновременно».

в поисках идеального горизонта, они посетили солончак Уюни в Боливии, где и была сделана эта фотография. такие примеры подталкивают меня задумываться о смысле дизайне на уровне идей — о том, как мы можем общаться с пользователями с помощью визуальных приемов.

поставьте реакции, если вам интересны материалы о книгах 🍪

#книги

дамы идут душнить и креативить 😁

с 5 ноября стартует новая интенсивная группа, в которой я и лиза, арт-директора wannabe, научим смотреть на дизайн с разных сторон.

я проведу дополнительные воркшопы по продукту: составим personal development plan (PDP) для перехода в продукт и сформулируем стратегию.

лиза покажет штуки в 3D графике и поможет сделать неунылый лендинг для продукта.

вы знаете, что нужно делать

большинству из вас приходится прикладывать много усилий для коммуникации.

в своей статье я выделяю 5 основных проблем, с которыми сталкиваются продакт-менеджер и дизайнер при совместной работе:

1️⃣ продакт-менеджер и дизайнер не договорились, кто за что отвечает

2️⃣ продакт-менеджер не погружает дизайнера в свой контекст

3️⃣ продакт-менеджер недостаточно вовлекает дизайнера в процесс

4️⃣ продакт-менеджер относится к дизайнеру как к исполнителю

5️⃣ продакт-менеджер не стремится к общению с дизайнером и не налаживает с ним контакт

хотя я и делаю акцент именно на том, как менеджеру продукта решить эти проблемы, наладить контакт с дизайнером (он тоже в этом заинтересован!), важно помнить, что коммуникация — улица с двусторонним движением.

предложите своему менеджеру прямо сейчас обсудить то, что волнует, и отставайтесь открытыми в диалоге 🍪

god, help us all 😁

#productdesign