«То, на что раньше уходила неделя, теперь занимает пару вечеров.»
John точно знал, каким должен ощущаться BarthMoney. OpenDesign за секунды выдавал визуальные решения продакшн-уровня — и отшлифованный, рабочий интерфейс, который можно было забрать в код.
Каждый вечер, потраченный на подгонку отступов, был вечером, когда приложение не двигалось.
John занимается креативным направлением и визуальными системами, а не разработкой на полную ставку. После основной работы он направляет это визуальное чутьё на собственные практичные приложения. Поэтому каждый час на счету.
BarthMoney начался с ясной позиции: личные финансы должны ощущаться спокойно и мгновенно. Альтернативы, которые видел John, были либо разросшимися таблицами, либо забиты рекламой. Ему нужно было сфокусированное мобильное приложение, где записать дневной расход можно быстро, понятно и без отвлечений.
John знал: интерфейсу нужно то, что он называет «душой». Стеной оказалось превращение этого направления в цельный и собираемый мобильный UI. Чистый холст в Figma или UI, написанный прямо в коде, способны съесть целые вечера на цвета, отступы и выравнивание — а сам продукт при этом не сдвинется.
Смотреть на чистый холст в Figma или писать UI-разметку с нуля в коде — это бесконечно долго, когда работаешь один после основной работы.
Один промпт стал визуальным языком, на котором можно было строить.
John начал с ощущения и назначения экрана: «современная тёмная панель расходов с разбивкой по категориям». Получилась не просто красивая панель. Здесь определились тёмные поверхности, золотые акценты, иерархия сумм и два разных пути ввода — с помощью ИИ и напрямую.
Макет стал спецификацией, по которой можно собирать.
John не просит одного агента изобрести продукт целиком. Он даёт каждому инструменту чёткую задачу, а продуктовые решения оставляет себе.
Назначение экрана, иерархия, настроение и ограничения сначала формулируются обычными словами.
John доводит сгенерированные HTML и CSS до тех пор, пока у интерфейса не появится цельное направление.
Компоненты, отступы, цвета и иерархия становятся общей визуальной спецификацией.
Эта структура превращается в модульные виджеты и логику приложения в кодовой базе John.
ИИ — опция. Подтверждение — нет.
Самое сильное в BarthMoney — не количество экранов, а набор решений, которые их связывают: когда автоматизация помогает, когда ей стоит отойти в сторону и что продукт обещает ещё до того, как пользователь что-то ввёл.
Сначала предложить, потом спросить.
Чат распознаёт расход, категорию и курс валюты — но финальное подтверждение остаётся за пользователем.
Прямой путь всегда открыт.
Quick Add работает без ИИ и без облачного аккаунта, потому что скорость и приватность важнее театра автоматизации.
Пустое состояние даёт обещание.
Ещё до появления данных BarthMoney объясняет, что остаётся на устройстве, и предлагает одно недвусмысленное первое действие.
Многоэкранные сценарии и общее состояние по-прежнему требуют больше работы — именно эту часть John хочет, чтобы OpenDesign упростил следующей.
Дефицитом никогда не были идеи. Дефицитом было непрерывное время.
По оценке John, OpenDesign сократил его время на прототипирование UI на 60–70 %. Неделя визуальной возни превратилась в пару вечеров, а основное UI-направление было готово к переносу во Flutter через считаные дни после первой идеи.
Выигрыш был не только в скорости. Он дал человеку, который строит после работы, достаточно визуальной уверенности, чтобы перестать кружить вокруг интерфейса и вернуться к тому, что мог сделать только он: решать, чем должен стать BarthMoney.
BarthMoney не остался единичным случаем. John сделал в OpenDesign и портфолио, где эта работа теперь живёт — ещё один способ превратить визуальное направление во что-то осязаемое.
«Если вы соло-разработчик или инди-хакер без штатного дизайнера, OpenDesign — ваше нечестное преимущество.»
Достаньте интерфейс из головы — и перенесите его в сборку.
OpenDesign бесплатен, с открытым кодом и работает на вашей машине и на ваших ключах.