FormSpace
formspace.design
До списку статей
Шлях до formspace.designступінь 3 · підхід

Момент, коли я вперше показав розробникам готовий модуль і здивував їх

Дізнайтеся, як я, не будучи програмістом, використав ШІ для створення робочого модуля formspace.design, довівши, що експертиза важливіша за синтаксис.

У своєму житті я пройшов шлях від тренера та директора до ландшафтного дизайнера, але ніколи не був професійним програмістом. Проте, коли я задумав formspace.design, я твердо знав, що хочу побудувати його своїми руками, використовуючи сучасні інструменти, зокрема, штучний інтелект. Момент, коли я вперше представив групі досвідчених розробників повністю функціональний модуль, створений мною, став справжнім одкровенням як для них, так і для мене.

Від ідеї до першого прототипу: Мій шлях у кодинг

Мій досвід у бізнесі, особливо в ландшафтному дизайні, навчив мене однієї важливої речі: якщо ти хочеш, щоб щось було зроблено правильно, покажи, як це працює, або зроби сам. Я провів роки, керуючи компанією «Дім і Сад», проєктуючи та будуючи котеджі, озеленюючи ділянки. Я бачив, як багато часу та ресурсів витрачається на рутинні операції, на візуалізацію, на пояснення клієнтам, що вийде в результаті. Мій біль, як директора, полягав у відсутності єдиного інструменту, який би пов'язував воєдино CRM, планування та візуалізацію. Детальніше про це я розповідав у статті Чому я вирішив, що CRM та візуалізація мають бути в одному місці.

У 61 рік, коли багато хто думає про заслужений відпочинок, я вирішив, що настав час створити цей інструмент. Я почав вивчати можливості ШІ в розробці, розуміючи, що без штату програмістів це мій єдиний шанс. Мені не потрібно було знати кожен синтаксис чи фреймворк досконало; мені потрібно було вміти ставити завдання та розуміти логіку роботи, а в цьому мені допомагав мій багаторічний досвід у бізнесі та управлінні.

Коли експертиза важливіша за синтаксис

Суть мого підходу полягала не в тому, щоб стати віртуозом кодування, а в тому, щоб бути ідеальним «замовником» для штучного інтелекту. Я чітко формулював проблему, описував бажаний функціонал, малював прототипи інтерфейсу, а ШІ допомагав мені переводити це в код. Наприклад, мені потрібен був модуль для управління клієнтськими запитами, де можна було б відстежувати статуси проєктів, контакти та історію взаємодій. Для традиційної розробки це могло б бути завдання на кілька тижнів для одного програміста. З ШІ я зміг отримати перший робочий прототип цього модуля всього за 3-4 дні, включно з базовим інтерфейсом та логікою збереження даних.

Моя предметна експертиза в ландшафтному дизайні дозволила мені уникнути типових помилок. Я точно знав, які поля потрібні в картці клієнта, як має виглядати послідовність етапів проєкту, які звіти будуть корисними. ШІ, своєю чергою, пропонував оптимальні структури даних та фрагменти коду, які я міг швидко перевірити та адаптувати. Це був симбіоз, де мій досвід спрямовував технологію, а технологія розширювала мої можливості.

Роль ШІ у створенні функціональних модулів

ШІ став моїм повноцінним співавтором. Він допомагав мені не тільки з генерацією коду, а й з налагодженням, оптимізацією та навіть з архітектурою. Я міг описати складну логіку, наприклад, розрахунок площі ділянки з урахуванням різних зон та об'єктів, і ШІ пропонував ефективне рішення. Він допомагав мені створювати інтерактивні елементи, форми введення даних, модулі для завантаження та обробки зображень. Я міг швидко експериментувати з різними підходами до користувацького інтерфейсу, отримуючи готові компоненти за лічені хвилини.

Наприклад, коли я працював над модулем візуалізації, мені потрібно було, щоб користувачі могли легко завантажувати фотографії своєї ділянки та застосовувати до них різні елементи дизайну. ШІ допоміг мені написати код для обробки зображень, накладання шарів, зміни масштабу та прозорості. Я міг тестувати різні ідеї, наприклад, як найкраще відобразити 10 соток землі з будинком 120 м² та садом, і отримувати миттєвий зворотний зв'язок від ШІ, що значно прискорювало процес розробки. Це був справжній особистий розрив поколінь, який я переживав на власному досвіді.

Зустріч з командою: Реакція на готовий продукт

Я пам'ятаю цей день дуже добре. Я зібрав кількох знайомих розробників – людей, з якими я консультувався на ранніх етапах, коли ще тільки формулював ідею. Вони очікували побачити презентацію, можливо, начерки чи концепцію. Замість цього я відкрив браузер і показав їм працюючий модуль CRM, який дозволяв створювати проєкти, додавати клієнтів, планувати завдання та навіть генерувати базові звіти. Це був не просто макет, це був живий, інтерактивний інструмент.

Їхня реакція була безцінною. Спочатку недовіра, потім здивування. «Як ти це зробив?», «Хто це кодував?», «Ти ж не програміст!» — ці питання сипалися одне за одним. Вони були вражені не лише функціональністю, а й швидкістю, з якою це було створено. Вони очікували, що на такий рівень опрацювання пішла б команда з двох-трьох людей кілька місяців, а це зробила одна людина, яка ще рік тому не написала жодного рядка коду.

Подолання скепсису та стереотипів

Цей момент став для мене підтвердженням того, що нова парадигма розробки з ШІ — це не просто модне слово, а реальна можливість. Звісно, після першого шоку почалися глибші питання: про масштабованість, безпеку, архітектуру. Але головне, я зміг показати, що глибоке розуміння предметної області, у моєму випадку ландшафтного дизайну та управління проєктами, у поєднанні з потужністю ШІ, дозволяє створювати повноцінні продукти, навіть якщо ти не є традиційним програмістом.

Я пояснив їм, що мій підхід не замінює досвідчених розробників, а доповнює їх. ШІ взяв на себе рутинні завдання з написання boilerplate-коду, генерації UI-компонентів, а я зосередився на логіці, користувацькому досвіді та бізнес-процесах. Це дозволило мені рухатися з неймовірною швидкістю, роблячи ітерації не за тижні, а за дні, а часом і за години. Наприклад, внести невелику зміну у форму або додати нове поле до бази даних займало 10-15 хвилин, тоді як раніше це могло вимагати узгодження, постановки завдання та очікування.

Ключові уроки для тих, хто створює продукт без штату програмістів

  1. Глибоке розуміння проблеми: Не намагайтеся вирішити все одразу. Зосередьтеся на одній, найгострішій проблемі, яку ваш продукт має вирішити. Моєю була відсутність єдиної системи для ландшафтних проєктів.
  2. ШІ як партнер, а не заміна: Використовуйте ШІ для автоматизації рутини, генерації коду, налагодження. Але ви завжди повинні бути «диригентом», який розуміє, що має вийти в результаті.
  3. Ітеративний підхід: Не бійтеся робити помилки та швидко їх виправляти. Завдяки ШІ, швидкість ітерацій зростає в рази. Ви можете тестувати гіпотези та отримувати результати майже миттєво.
  4. Фокус на MVP: Не прагніть до ідеалу з першого дня. Створіть мінімально життєздатний продукт (MVP), який вирішує ключову проблему, і поступово нарощуйте функціонал. Мій перший модуль був простим, але функціональним.
  5. Безперервне навчання: Світ технологій змінюється дуже швидко. Будьте готові постійно вчитися та адаптуватися до нових інструментів та підходів. У моєму віці це особливо важливо, але цілком реально.

Як спланувати у formspace.design

Моя філософія створення formspace.design, де експертиза та ефективність йдуть пліч-о-пліч з технологіями, безпосередньо відображається на можливостях, які платформа надає своїм користувачам. Коли я розробляв модулі, я завжди думав про те, як зробити процес планування ділянки максимально інтуїтивним та результативним для власника. Мета полягала в тому, щоб кожен, хто хоче перетворити свою ділянку, міг це зробити, не будучи професійним дизайнером.

Уявіть, що ви хочете спланувати новий сад на своїй ділянці розміром 15 соток. Ви можете почати із завантаження фотографії або плану вашої ділянки в модуль 1.1 «План та зони». Потім, використовуючи модуль 2.1 «ШІ-концепція», ви отримуєте кілька варіантів планування, з урахуванням ваших побажань щодо стилю, функціональності зон і навіть уподобань щодо рослин. ШІ швидко аналізує вхідні дані та генерує візуальні концепції, які ви можете доопрацювати. Далі, в модулі 3.1 «Дизайн за фото», ви можете буквально «приміряти» різні елементи — доріжки, клумби, малі архітектурні форми — прямо на вашій фотографії, щоб побачити, як вони виглядатимуть у реальності. Це дозволяє уникнути дорогих помилок та отримати чітке уявлення про майбутній ландшафт, перш ніж приступити до фізичних робіт. Порівняння візуалізації ділянки до formspace.design та після покаже, наскільки це спрощує процес.

Поширені запитання

Чи можна дійсно створити складний програмний продукт, не будучи професійним програмістом?

Так, це можливо. Мій досвід з formspace.design доводить, що при глибокому розумінні предметної області та вмілому використанні сучасних ШІ-інструментів, можна створювати функціональні та складні модулі. ШІ виступає як потужний асистент, який переводить ваші ідеї в код, значно скорочуючи час розробки та потребу в спеціалізованих навичках кодування.

Які саме модулі ви показали розробникам?

Я продемонстрував їм робочий прототип CRM-системи, інтегрованої з базовим модулем планування. Він дозволяв керувати клієнтською базою, вести проєкти, відстежувати завдання, а також візуально розміщувати основні елементи ландшафту на схематичному плані ділянки. Це був не повний продукт, але вже повноцінний, інтерактивний інструмент.

Чи було важко інтегрувати ШІ у ваш робочий процес?

На початку був період адаптації, але ШІ швидко став невід'ємною частиною мого процесу. Головне — навчитися правильно формулювати запити та критично оцінювати пропоновані ШІ рішення. З часом це стало природним, як спілкування з досвідченим колегою, який завжди готовий запропонувати варіанти та допомогти з рутиною.

Яка була найбільша складність у такому підході до розробки?

Найбільша складність полягала в подоланні внутрішніх бар'єрів та стереотипів, що «програмувати можуть лише програмісти». Також вимагалося постійне навчання та адаптація до нових можливостей ШІ, який розвивається дуже швидко. Іноді було складно відрізнити дійсно ефективне рішення від красиво написаного, але неоптимального коду.

Як ця філософія розробки приносить користь користувачам formspace.design?

Ця філософія дозволяє мені створювати інтуїтивно зрозумілий та функціональний продукт, який точно відповідає потребам власників ділянок. Завдяки швидкій ітерації та глибокому розумінню ландшафтного дизайну, formspace.design пропонує саме ті інструменти, які реально потрібні, без зайвого ускладнення. Це забезпечує високу швидкість розробки нових функцій та їх точність.

Чи стають традиційні розробники непотрібними з появою ШІ-інструментів?

Ні в якому разі. ШІ-інструменти скоріше розширюють можливості розробників, автоматизуючи рутину та дозволяючи їм зосередитися на більш складних архітектурних завданнях та інноваціях. Вони також відкривають двері у світ розробки для неспеціалістів, таких як я, створюючи нові продукти та ідеї, які інакше могли б не побачити світ. Це скоріше партнерство, ніж заміна.

Що далі в розвитку formspace.design?

Ми продовжуємо активно розвивати formspace.design, додаючи нові модулі для деталізованого планування, розширюючи базу рослин та матеріалів, покращуючи алгоритми ШІ для ще точніших та креативніших концепцій. Моя мета — зробити formspace.design найповнішим та найдоступнішим інструментом для кожного, хто мріє про красиву та функціональну ділянку.

Момент, коли я показав цей модуль, став важливою віхою на моєму шляху створення formspace.design. Він підтвердив, що з правильним підходом та сучасними інструментами навіть не-програміст може втілити свої ідеї в життя. Я запрошую вас приєднатися до нашої спільноти та почати створювати ландшафт своєї мрії вже сьогодні.

Дата публікації:

Автор

Володимир Виборний

Володимир Виборний

Ландшафтний дизайнер, засновник https://formspace.design/

Пише про ландшафтний дизайн, бізнес, використання сучасних інструментів комп’ютерного проєктування ландшафтів, зокрема про ШІ.

Спробуйте на своїй ділянці

Створіть проєкт і намалюйте план ділянки — безкоштовно в браузері.

Після реєстрації — вибір модуля, тарифи та перший проєкт за кілька хвилин.

Почати безкоштовно