Полгода собиралась написать первый пост. За это время успела собрать кучу крутых инструментов для своей продуктовой работы. Написать пост оказалось сложнее 😂
Короче, пора показывать. Начну со Skillgrid Studio — штуки, с которой я собираю прототипы по нашему UI-киту прямо в чате с ИИ. Почему так назвала — не спрашивайте. Раз уж сделала, пусть будет красиво 😎
А повод наконец об этом написать нашёлся забавный: недавно нам продавали продукт с очень знакомой идеей 👀
Посыл примерно такой: дизайнеры рисуют долго, а продакту хочется побыстрее проверить идею и выкатить фичу.
Скармливаешь продукту свой UI-кит, описываешь задачу — получаешь макеты в стилистике своей системы. Дальше обещают связку с разработкой через MCP.
Звучит удобно. Но у меня тут два вопросика.
Первый: откуда у продакта вместе с генератором появится компетенция UX-дизайнера?
Дизы годами учатся проектировать сценарии, замечать тупики и разбираться, почему пользователь вообще не понял нашу прекрасную задумку.
Можно собрать экран из правильных кнопок и всё равно получить очень странный пользовательский путь. UI-кит за нас это не решит.
Для меня такой инструмент отлично подходит, чтобы проверить гипотезу, показать идею, собрать несложный флоу. А проектирование сложной фичи всё равно требует участия UX-дизайнера.
Второй вопрос: а кто из продактов уже собрал себе что-то похожее? Потому что я, кажется, настолько привыкла так работать, что перестала замечать 🤔
Щас расскажу про сам инструмент и как я с ним работаю 👇
У нас есть корпоративный ИИ. И я собрала себе внутри рабочей среды Skillgrid Studio: базу компонентов нашего UI-кита, правила и инструкции для агента.
Работаю с ним прямо в чате. Открываю проект и пишу: «Мне нужен вот такой сценарий, для такого пользователя, с такими условиями».
Каждый раз заново объяснять, какие у нас кнопки и как устроен интерфейс, не приходится — эти материалы уже лежат в проекте.
Агент уточняет задачу: кто пользователь, какие действия и переходы нужны, что с адаптивом, какие состояния учесть. Потом собирает кликабельный HTML-прототип.
Дальше общаемся: тут переделай, здесь неудобно, а давай попробуем иначе. После правок и согласования можно перенести макет в Figma.
Для задач по нашему продукту агент ещё и смотрит связанный код фронта и бэка: какие действия уже есть, какие права и ограничения нужно учитывать. Потому что придумать красивую кнопку, за которой ничего нет, мы и без ИИ умеем 😅
Я использую это, когда нужно:
— показать клиенту, как может выглядеть его запрос; — проверить гипотезу; — принести дизайнеру конкретный референс; — прикинуть несложный админский интерфейс или вынос настройки из хардкода в UI.
Мне иногда жутко лень писать огромную задачу дизайнеру, если можно собрать черновик и сказать: «Вот что я имею в виду. Давай теперь разберём, где тут фигня».
Если флоу получается спорный или я начинаю сомневаться — несу дизу на ревью.
И клиенту гораздо проще обсудить процесс, когда его можно прокликать. В табличке все обычно согласны. На прототипе внезапно выясняется: «А нет, мы вообще другое имели в виду» 🙃
Потом я упаковала всё это в ZIP и начала делиться с коллегами. Они разворачивают инструмент в своих корпоративных аккаунтах и тоже общаются с ним в чате — уже про свои задачи.
И вот этим я прям довольна: придумала полезную для себя штуку, довела до рабочего состояния, а теперь ей пользуются ещё и другие ❤️
Сейчас собираю следующий кусок — сервис для исследований на прототипах. Хочу, чтобы можно было загрузить прототип, описать гипотезы и сегменты, а система помогала собирать задания и вопросы. Расскажу отдельно, когда отдам в эксплуатацию.
А у вас как: сами собираете прототипы с ИИ? И где проходит граница, после которой говорите: «Так, тут уже нужен дизайнер»?
P. S. Вчера увидела, что Pathway выкатили тестирование HTML-прототипов 😂 Ну что я удивляюсь — сама давно просила эту возможность. Просто пока ждала, уже начала делать свой вариант с машиной.
