Изи о дизе

Немного обновлений и апдейтов не более: Первое 👁. Спасибо тем, кто потестил ИзиТест. За все время прод не упал ни разу, либо я не видел Второе ✏️ Нагрузка была маленькой на сервак, но тут важно другое по тезисам объяснить было: - Это вайбкод пет-проект созданный только мной на cursor (16$/мес при оплате на год) - Он полностью работает, и это open source - А значит любой из вас может его настроить у себя в компании - А значит такие saas решения теперь можно воссоздать, чтобы экономить сотни тысяч рублей/миллионы после компании - и ИзиТест это отличный пример подобного воссоздания и замены - А значит решения для рутины также можно автоматизировать - Это я про плагины: ИзиПуть (cjm по транскрипту получать) и ИзиСпека (спека из выделения элемента) Третье (по апдейтам) 🤔 - ИзиСпека плагин обновлен (ui, новый режим "Апдейт" - до/после для кейсов "что поменялось") - ИзиПуть плагин не трогал - ИзиТест - сервак. как я говорил на стриме. будет жить до конца бюджета, там осталось около 100 рублей. Нюансы: помните что вы не сможете без ключей сами создать фигма прототип, в остальном это работает. Где ключи брать? Ну так надо ставить себе решение с гитхаба и настраивать, как делал это я Четвертое 👉 Помимо автоматизации моей личной рутины, эти плагины будут дополнением к магнумопусу, чтобы будущие дизайнеры не страдали и не тратили время на рутину, не боялись сразу использовать ИИ, а проектировали лучше и быстрее. Пятое 🥇 Стримов не будет, видосов тоже, я обратно ухожу в создание курса и двигать карточки потихоньку по его прогрессу. Всем по/пи и пи/по! 🤡 @easyaboutdesign

Делюсь с вами ИзиСпека — плагин, который делал для автоматизации рутины. Плагин делает статическую спеку по компоненту или экрану - это первый его режим И второй режим: Живая ИзиСпека - имитация девмода, но без оплаты 12$ за место. Работает в целом также: при выделении элемента плагин рисует поверх него размеры и отступы, а в панели показывает расшифровку свойств. - Плагин бесплатный - Без ИИ - На видео демка Скачать плагин с фигма комьюнити Подробнее на сайте о чем это @easyaboutdesign

Делюсь с вами плагином, который делал для автоматизации рутины. Плагин создает по транскрипции интервью CJM с помощью ИИ, чтобы автоматизировать рутину и побыстрее, будучи в контексте после интервью, видеть путь и подумать над улучшениями в продукте. Плагин бесплатный, но нужен API ключ, который платный Все работает просто: - Вам нужен собственный API ключ (занести 5 баксов зарубежной картой) - Поставить плагин из figma community или с сайта - Загрузить транскрипт или несколько - Получить CJM нарисованный в Figma - опционально: можно загрузить готовый cjm из файла excel, csv или ссылку из гугл таблицы и нарисуется cjm в Figma Подробнее на сайте Подробнее на сайте Подробнее на сайте Для тех у кого НДА или как-то боитесь за данные, то помните, что вы должны: - удалить имя респондента или сократить до 1 буквы например. - изменить числа, о которых говорит респондент руками или через ИИ вашей компании. - удалить или заменить упоминания других людей, компаний, названий внутри вашей компании. - а все остальное что говорит про интерфейс ваш пользователь — не важно. - в этом нет ничего страшного, просто чуть больше ручного труда будет потом, но сэкономите вы все равно часы работы. @easyaboutdesign

задеплоил в прод вайбкод клон pthwy Регистрация для создания тестов - тестируйте, пока сервер жив) Примеры тестов как в pthwy: из шаблона: Продуктовый опрос из шаблона: Тестирование прототипа из шаблона: Тест первого клика из шаблона: Улучшение навигации (открытая карточная сортировка + опция "Разрешить не сортировать все карточки) из шаблона: Проверка маркетинговых текстов (тест 5 секунд) Запись стрима: - за полчаса часа показал демо на локал хосте - остальное время деплоили 2,5 часа - час еще разбирались с авторизацией - еще час после стрима я доделал Итого выводы, что можно вайбкодить: - для mvp у себя на работе - для прототипов, чтобы быстрее коридорить - для автоматизации рутины (ускорить анализ интервью по транскрипции, токены для ui кита и прочей рутины) - для команды разработчиков, чтобы быстрее деливерить (если уж я смог в 1 лицо) - для сложных вещей тоже подойдет, вопрос лишь кол-ва токенов (клон pthwy стоил $500) - для пет-проектов Никого при этом из хороших специалистов, которые обладают навыками и знаниями не заменит (разрабы, дизайнеры, менеджеры) Да, компании, которые не используют ИИ и не внедряют – отстанут через пару лет, умрут постепенно как продукты/сервисы из-за конкурентов, которые уже учатся, пробуют и развиваются и т.д. – это нормально и не страшно. Просто конкуренция и прогресс @easyaboutdesign

Думаю, что я довел до рабочего состояния этот пет-проект по созданию клона pthwy. 🥇 Плагин обновлен, гитхаб тоже. Вроде все работает 🫡🤔🤞. Может стрим вам сделать, где я буду пытаться этот вайбкод завести в продакшен на сервак и хостинг какой-нибудь? Если получится, то заодно будет инструкция как его у себя поднять уже вам. Чтобы вы могли свободно тестировать прототипы базово и получать данные от пользователей со своими продуктовыми командами. @easyaboutdesign

Ключевой мой посыл со стрима по вайбкодингу: пробуйте и не бойтесь пробовать что-то начинать делать Вот пример как меняется индустрия уже сейчас: https://www.notchie.app/ - есть продукт за 29,99$ разовой покупки. Прикольный, классный и т.д. Но индустрия будет ломать SaaS решения. Ключевое: зачем платить другой компании за Х-сервис для закрытия какой-то работы/задачи? Теперь вы можете его создать за 10-20 баксов и оно будет вашим. Без внезапной смены на подписку и т.д. Демонстрация в видео: повторил за 2 часа mac os приложение из ссылки выше по базовой подписке курсора. Даже с фичей реакции на голос, а также что она прячится при шеринге экрана или скриншотах. А также при записи quicktime (но как и оригинальное - не прячится если записывать другими программами obs, screenflow и тд) Долго думал показывать или нет с иконкой, но да ладно. Да, кринж-иконка приложения специально сделана таковой с помощью chatgpt, гав-гав 😂 @easyaboutdesign

За 3 часа стрима получилось сделать mvp! Основная цель стрима показать: - как без знаний начать работу в cursor.com - как создавать правила - на старте вам не нужны знаний, надо пробовать - и пробуя, спрашивать курсор "как с тобой работать" "как создавать правила" - не копируйте чужие промпты! - используйте свои знания чтобы создавать на их основе правила, которые помогут ИИ регулировать сам себя - сначала определить цель, контекст, ограничения и критерии плохого и хорошего результата Вот что мы сделали: - сделали mvp конструктора матрицы компетенций с отправкой от роли lead к designer, последний может узнать у ИИ про компетенции - и оно работает! Технический стек: - фронт: react + reactflow.dev (для схем) - бэкенд: supabase (бесплатный план) - регистрация/авторизация по otp (код на почту) - две роли (designer / lead) - создание компетенций на схеме и отправка от роли lead обновленной матрицы на designer - подключили ИИ (chatgpt) к нодам чтобы объяснял что значит каждая нода (компетенция) - дебага много было тоже - наговаривал голосом через mac whisper Чтобы делать свои правила: .cursor - папка в корне проекта, а внутри нее rules папка, внутри которой уже создавайте .mdc формата файлы (markdown) и пишите свои правила, делайте ссылки между правилами указывая путь до них гав-гав https://youtu.be/zGLCZmST4Ho https://youtu.be/zGLCZmST4Ho https://youtu.be/zGLCZmST4Ho @easyaboutdesign

Изи навыки опубликовал целиком. Кайфуйте. Смотреть плейлист Смотреть плейлист Смотреть плейлист @easyaboutdesign

С новым годом!🎄 - Запланировал публикации изи навыков на месяц потихоньку выйдет все на ютубе - Обнови плагин и 3х минутное демо прикрепил сюда - Роадмап по плагину: добавить анимации, включая smart animate. Генерировать отчеты UPD: анимации есть, включая smart animate - плагин и документация github обновлены. В КОММЕНТАХ ДЕМО @easyaboutdesign

О чем пост? Я завайбкодил плагин для создания и тестирования прототипов из Figma. Он прошел проверку и вышел в релиз сегодня. А как вайбкодил? Диктовал голосом в чат Cursor.com что хочу. Если были ошибки, то копировал из консоли браузера. Это бесплатно? Да. Где демо? Приложил к посту ускоренный скринкаст! С демонстрацией основных возможностей. Где взять плагин и инструкцию? - Плагин в Figma community (его надо настроить по инструкции ниже) - Инструкция и оставшаяся часть - Плагин не работает без настройки фронта и бэка Зачем вайбкодил? В последние 2-3 месяца я все больше и больше изучаю возможности ИИ для работы. Причина простая: ускорение и упрощение рутиных задач. Создание прототипов, реализация сценариев, упрощение отчетностей и т.д. На горизонте 5-10 лет технология дойдет ИИ делает плохой дизайн, увы, приходиться очень много контекста давать и описывать. Мне это пока лень делать, поэтому ручками макеты вам и мне еще рисовать и рисовать! Сколько времени потратил на плагин, фронт и бэк к нему? От начала до конца прошло 3 дня. Разумеется я не сидел каждый день по 8ч. Так что наверное часов 12-16 в сумме. Причем это с учетом того, что я делал pivot (я сперва пилил сервис, затем отказался и сделал плагин). С наступающим новым годом! 🎄🎄 @easyaboutdesign