Влад Калашников

Але, вайбкодинг? Да-да, курсор Или как дела с моим экспериментом, тк проектом пока не осмелюсь называть его, потому что в первую очередь моя цель — погрузиться и пройти процесс создания приложения самостоятельно Так вот, ту версию я на следующий день ещё развивал около часа, но ничего толком не вышло, так как он её полностью запорол. Я просил его поднять её и он со 2–3 попытки её поднимал, а при малейшем комментарии заново ронял. Откат, думаю, не особо помог бы, тк у меня нет компетенции, чтобы разобраться, что именно не так, и легче начать всё заново. Поэтому я решил сделать пару шагов назад и: ⤷ Погуглить в инете, как вообще люди работают с курсором и подобными программами, не имея скилла разработки и какие есть советы на этот счет ⤷ Решил базово погрузиться в основы: какие есть варианты архитектуры проекта, как работать с ветками в гите и как настроить автобекапы, как работает тестирование и как настроить автотесты и тд и тп ⤷ Сформировать более-менее понятную документацию по функционалу и требованиям, чтобы ИИ лучше меня понимал. ⤷ Нарисовать дизайн приложения в фигме, тк это очевидно повышает предсказуемость результата. Потому что предыдущую версию я делал по приколу и чисто без дизайна, основываясь на том, что у меня было в голове. Сейчас я на этом этапе ⤷ Ещё подумал, что лучше всё-таки делать апку, тк это в сто раз логичнее и не стоит опасаться сложностей в этом плане Вот такие пироги, to be continued...

Да кто блин такой этот ваш вайбкодинг? Уже несколько месяцев хотел попробовать его, но все откладывал, но в субботу сел и наконец начал. Сначала хотел сделать что-то уникальное. Но потом подумал: лучше начать с того, что реально решает мою проблему. Так я смогу разобраться, как всё устроено. Я всё время пытался вести учёт финансов, но почти всегда забрасываю. Поэтому захотелось трекер, который помогает не просто фиксировать траты, а осознавать их: отмечать, была ли покупка осознанной или спонтанной, ставить лимиты, смотреть аналитику. В идеале приложение ещё и подсказывает, где ты перебарщиваешь, и даёт советы по финансовой грамотности. Чтобы это был не просто список, а штука, которая помогает меняться. Накидал идею вместе с GPT, потом закинул её в Claude и он выдал первый минимальный прототип. Уже можно было что-то потыкать, внести трату, это вдохновило. После этого я пошёл в Cursor. Это был мой первый опыт в кодовом редакторе вообще. Я, как дизайнер, понимаю, как логически всё связано в разработке. Но ни одной строчки кода в жизни до этого не писал. Поэтому местами было непросто, особенно когда всё ломалось. На бесплатной версии Cursor запускал проект раз шесть и каждый раз он ломался. Я успевал добавить только фунционал внесения трат. Еще бесили очереди, те когда хочешь ПоВаЙбКоДиТь, а вместо этого сидишь и ждёшь. Это, конечно, что-то новое, но в какой-то момент я уже устал ждать и в итоге купил подписку — работа пошла лучше, особенно Cloude 3.7 Sonent. Завёл репозиторий на GitHub, разобрался с коммитами и наконец перестал бояться, что всё придется делать с нуля. Стало проще просто двигаться вперёд. Техническая часть проекта, конечно, сложная для меня, но всё-таки интересная. Очень многое не понимаю, но постепенно приходит какое-то осознание, и начинаешь видеть, как всё начинает складываться. Мне кажется, это очень полезно — особенно для будущих проектов, где уже не будешь так теряться на старте. UI поначалу был довольно слабый — что, в целом, неудивительно, потому что я не сделал ни одного экрана в фигме. Мне было интересно, чего можно добиться, используя только ChatGPT и Cursor. Потом подключил стороннюю и бесплатную библиотеку компонентов — стало поприличнее. Всё ещё далеко до идеала, но уже достаточно, чтобы спокойно продолжать работу. Сейчас приложение умеет: → вносить траты с категорией и эмоцией, → показывать аналитику по месяцам, категориям и эмоциям, → ставить недельные лимиты, → менять тему (светлая/тёмная). В итоге на финальную версию с нуля у меня ушло часа 4. Хочу еще добавить планируемые траты — с метками «регулярная» или «единоразовая», и уроки по финграмотности. Типо как в ТЖ, если знаете. В идеале — хотелось бы довести всё до Telegram Mini App с ботом. Чтобы можно было прислать ему скрин из банка со списком трат за день, а он сам считывал суммы, определял категории, а тебе оставалось только выбрать эмоции. В ответ — короткий совет, или чтобы бот присылал их периодически. Сейчас всё это в вебе — мобильное показалось сложноватым для начала. Но как только доведу текущую версию до чего-то стабильного, очень хочу попробовать сделать iOS-приложение. Если выйдет вторая часть — значит я не перегорел и что-то получилось. PS: Сори, что так быстро мышкой вожу на видео

Зачем улучшать существующее, если можно анонсировать новое? Сегодня ночью несколько часов изучал обновления Figma, кроме Figma Make (на меня её пока ещё не раскатили). Посмотрел, как всё устроено, и вот какие впечатления сложились: ❋ Grid С одной стороны — прикольно, но с другой — не добавили самое важное: относительные величины и перемещение колонок и строк, что сильно бы упростило работу с таблицами. Ждем в 2028 году. ❋ Figma Sites Подойдёт, наверное, для дизайнеров, которые просто хотят быстро собрать портфолио или лендинг без лишних заморочек. Удобно, что это всё в одном месте, но если есть хоть небольшой опыт работы с Framer, то смысла делать это в Figma не вижу. Такому инструменту нужно ещё 2–3 года, чтобы конкурировать с Framer или Webflow. ❋ Figma Make Эту фичу я ждал больше всего. Хотелось чего-то похожего на Cursor для более-менее нормальной разработки своего продукта. Но это скорее просто рабочий прототип фичи. Конечно, тоже удобно, но очень хотелось бы, чтобы фокус команды не спадал с этого продукта и он развивался куда быстрее, чем обновления раз в год. ❋ Figma Buzz Инструмент для маркетологов и коммуникационных дизайнеров. Я не особо шарю в этой теме, но показалось, что продукт достаточно удобный, чтобы быстро собрать 50 вариантов баннеров под разные форматы. ❋ Figma Draw Убийца Paint, который заодно прикончил пару плагинов вроде Noise, Progressive Blur и Text by Path. Кисти и паттерн — прикольные, но до иллюстратора ещё шагать и шагать. А теперь главное Figma обошла стороной AI для создания дизайна, на котором, кстати, был главный акцент в прошлом году. Ждал AI-генерацию состояний и вариантов компонентов и сборку макета по дизайн-системе, но мимо. Ещё очень хотелось увидеть прокачку прототипов в сторону Rive. Но и тут тишина. Да и со старыми продуктами всё тихо: Figma Jam, Figma Slides, Dev Mode. Где гарантии, что с новыми не будет так же? Последние конфиги всё больше дают ощущение, что это не про продукт, а про презентацию для инвесторов: растём вширь, чтобы больше людей купили подписки, а вглубь не капаем и кор-функционал не улучшаем. Как уже писал, Figma косит под Apple: одно большое шоу раз в год и молчание до следующего релиза с редкими, очень небольшими апдейтами в течение года. Но продукт, которым ты пользуешься каждый день, должен развиваться регулярно, а не по календарю презентаций, особенно когда платишь за подписку. В следующем году ждём Figma 3D, Figma Architect и Figma Cut для видеомонтажа и пять функций в каждом продукте. Че думаете? Если не согласны, пишите в комменты, интересно послушать другое мнение

Ценность ≠ Путь Помню, я как-то листал ленту и вдруг наткнулся на интересную иллюстрацию. Она была красивая, детализированная, с атмосферой. Я залип на несколько секунд и задумался — как она была сделана и как долго её создавал автор? А потом заметил подпись «промпт в комментариях». И будто что-то внутри сдулось, хотя сама работа ничуть не изменилась и была всё такая же интересная и красивая. Потом я задумался: как будто мы часто подсознательно приравниваем ценность к усилию. Нам важно верить, что за крутым результатом стоит тяжёлый процесс. А если на самом деле это был лишь правильный промпт и несколько итераций — будто магия исчезает. А может быть, и такое, что готового промпта не было, и на работу ушло больше, чем несколько итераций. Это смахивает на то, что произошло с появлением фотографии. Когда фотоаппараты стали доступны, людям больше не нужно было учиться годами, чтобы уметь точно изображать реальность. Технические навыки перестали быть обязательным входом в искусство. Но, вместо того чтобы исчезнуть, живопись просто сменила направление: художники начали исследовать идеи, чувства, внутренние миры. Искусство не исчезло — оно стало про другое. Про то, что ты хочешь сказать, а не насколько реалистично умеешь это нарисовать. Так, может, и сейчас важен не долгий и тяжёлый процесс, а сам результат? Не то, сколько мучился автор, а то, насколько он понял, что и зачем он создаёт. Ведь, чтобы сделать интересную иллюстрацию или что-либо ещё, что на первый взгляд вызывает удивление, тоже нужно постараться и требует немалого опыта. Просто AI, как и когда-то фотоаппарат, теперь не ограничивает нас техническими навыками, а только воображением и умением сформулировать свою мысль и мы становимся, своего рода, арт-директорами для ИИ. Мы уже начинаем видеть много интересных работ от людей, которые раньше не обладали этими самыми техническими навыками. И с развитием ИИ точно станет больше творчества и возможностей выражать себя. PS: Как вы поняли, все прикрепленные изображения являются генерациями. Ссылка на оригинальные посты в Твиттере можно найти тут

В дополнение к вчерашнему посту. Вчера вечером в Твиттере попались более подробные скрины Figma Sites, но что более интересно, о чем я вчера писал — Figma работает над AI App Maker, который может делать фичи, а может даже и приложения на основе текстовых промптов и изображений на базе Claude

Figma теряет актуальность Figma в последние годы действительно оч медленно развивается — и это становится всё заметнее. В этом плане она всё больше напоминает мне Apple. AI-фичи анонсировали ещё год назад. Мне эти функции прилетели ещё осенью (самое смешное, что они до сих пор кому-то не пришли спустя год, ахах), но по факту я ими так и не начал пользоваться всерьёз. Генерация интерфейсов работает на уровне «ну, прикольно потыкать», но в реальной работе пользы от неё почти нет. Когда мне действительно нужен AI, я иду в сторонние инструменты — GPT, Recraft и т.д. Тем временем сам AI развивается семимильными шагами: новые модели, апдейты, подходы — каждые пару месяцев. Мне кажется, что одним из факторов такого быстрого развития является конкуренция, тем временем у Figma конкурентов нет. Последнее по-настоящему важное обновление в Figma — это variables. Всё остальное — малозначительные изменения. То, чего действительно жду от Figma — это полноценной AI-сборки интерфейсов. Чтобы можно было использовать свою дизайн-систему, задать правила и получить хотя бы примерный результат. Или, например, голосовую генерацию интерфейса — чтобы голосом быстро указать команду, и это было бы сразу внесено, вместо того чтобы тратить намного больше времени, делая это руками. Вот ещё пример — LottieLab анонсировали генерацию анимаций по промптам, тоже интересная функция. Также ходят слухи, что в Figma появится возможность запускать сайт в прод прямо из редактора. Звучит интересно, но мне кажется, что это не супер широкий кейс. Хочется чего-то более универсального: возможности собирать не только лендинги, но также фичи сервисов и приложений. Как, например, в Claude, который мы уже используем в компании — там продакт-менеджеры собирают рабочий прототип фичи в коде, который можно потыкать и показать в команде. Figma развивается вширь, а не вглубь. Вместо того чтобы усиливать ядро — работу с интерфейсами — она запускает побочные продукты вроде Figma Slides или FigJam. Возможно, это расширяет аудиторию, но почти не влияет на то, ради чего Figma вообще создавалась. И всё больше ощущается, что Figma — это временный мост между идеей и реализацией. И как только способ строить интерфейсы напрямую станет еще более удобным и глобальным — этот мост окажется ненужным. Так что вопрос уже не в том, появится ли у Figma конкурент. А в том, останется ли она вообще нужной. Через пару недель — Figma Config. Посмотрим, смогут ли они удивить и показать, что всё ещё готовы менять индустрию, а не просто удерживать статус-кво. PS: Но если брать Figma как инструмент бесконечной доски или для графического дизайна, то она также хорошо подходит. Учитывая то, что Figma покупает Modify — инструмент для всяких визуальных эффектов. А вы что думаете на этот счет? Пишите в комменты ↓↓↓

Как можно использовать Chat GPT в работе дизайнера Сейчас активно пытаюсь внедрить нейросети в свою работу, чтобы максимально оптимизировать рабочий процесс и научиться актуальным навыкам. Особенно рад появлению в Chat GPT поиска информации в интернете, что сильно упростило многие вещи в повседневной жизни. Конечно, нельзя просто взять и использовать ответы нейросети, нужно их обработать и подредактировать. Но ответы очень экономят время на поиск первых идей, от которых можно здорово оттолкнуться и найти более интересное решение самостоятельно или также с помощью нейросети. С Pro подпиской можно создать своего бота в ChatGPT и загрузить в него всю нужную информацию о проекте, и потом не нужно будет каждый раз объяснять суть проекта. А вот use-кейсы ChatGPT, которые я использую в работе: 1. Загрузить спецификацию по задаче и позадавать вопросы 2. Созвониться по задаче, записать звонок и попросить сделать выжимку 3. Составить Job&User Story 4. Найти и проанализировать аналогичные или похожие функции на рынке 5. Выгрузить фрейм с дизайном в PDF из Figma и закинуть в Chat GPT, а затем попросить составить корнер-кейсы, которые нужно учесть 6. Составить чеклист для проверки дизайна, также выгрузить в PDF и попросить проверить дизайн 7. Найти метафору для иконок или написать текст Еще есть несколько идей, которые хочу попробовать в будущем: 1. Составить промпт для менеджеров, чтобы стандартизировать описание задачи для дизайнеров 2. Создать гайд для глубинного интервью или для количественного опрос, а затем обработать 3. Составить сегменты пользователей 4. Сформулировать гипотезы 5. Составить CJM/User Flow/Product Map, но это уже c Figma AI будет удобнее Вот такие кейсы получились. Планирую не останавливаться и дальше изучать возможности AI. Кстати, пишите в комменты, какие use-кейсы вы используете и норм ли сейчас вообще использовать AI в дизайне, кроме генерации контента ↓↓↓