Инструменты для создания цифровых продуктов

Набор инструментов, которым один человек собирает работающий продукт, за последние пару лет изменился сильнее, чем за предыдущее десятилетие. Ниже — рабочая карта: что для какой задачи и где каждый инструмент перестаёт помогать.

Порядок — по этапам, а не по популярности.

Автоматизация процессов

n8n — конструктор сценариев с открытым исходным кодом (fair-code): соединяет сервисы, обрабатывает вебхуки, ходит в базы и API, умеет AI-узлы и работает как оркестратор агентов. Ставится на свой сервер, что важно, когда данные нельзя отдавать наружу.

Для чего на старте: заменить собой первую версию бэкенда. Форма → обработка → запись в базу → уведомление в мессенджер — это готовый ручной сервис без единой строчки кода.

Где заканчивается: сложная логика в визуальном редакторе становится нечитаемой. Как только сценарий разрастается до нескольких десятков узлов с ветвлениями — время писать код.

Альтернативы: Make и Zapier, если не нужен свой сервер; Activepieces и Windmill — из открытых.

Бэкенд и база данных

Supabase — открытая платформа поверх PostgreSQL: база, аутентификация, файловое хранилище, серверные функции и realtime из коробки. Есть облако и самостоятельное развёртывание.

Для чего на старте: закрывает 80% типового бэкенда за вечер. Аутентификация и права доступа — самое дорогое, что обычно пишут руками, — здесь настраиваются политиками на уровне строк.

Где заканчивается: политики доступа при сложной ролевой модели требуют аккуратности; когда бизнес-логика перестаёт помещаться в базу и функции, появляется отдельный сервис.

Альтернативы: Appwrite, PocketBase (одним бинарником), Firebase.

AI-редакторы кода

Cursor — редактор с глубокой интеграцией моделей: понимает контекст проекта, правит несколько файлов сразу, работает в агентном режиме.

Claude Code — агент в терминале и IDE: читает репозиторий, вносит изменения, запускает команды и тесты.

Jules от Google — асинхронный агент: получает задачу, работает в своей среде и приносит готовый pull request.

Для чего на старте: сокращает рутину и снижает порог входа в незнакомый стек. Для фаундера без технического партнёра это буквально разница между «не могу проверить» и «проверил за вечер».

Где заканчивается: там, где ошибку не видно сразу, — платежи, права доступа, персональные данные, миграции. Подробнее — в словаре, vibe coding.

Интерфейсы

Stitch от Google Labs — генерация интерфейсов по текстовому описанию с выгрузкой в Figma и в HTML/CSS. Полезен как быстрый черновик экранов, а не как замена дизайнеру.

Figma остаётся местом, где макет доводится до состояния, по которому можно верстать.

Практический подход: сгенерировать первую версию, отобрать удачное, довести руками. Собирать продукт целиком из сгенерированных экранов пока не выходит — расползается система.

Сайт и контент

Astro — фреймворк для сайтов, которые должны быстро грузиться и хорошо индексироваться: лендинги, база знаний, документация. На нём собран и этот сайт.

Headless CMS — Directus, Strapi, Payload: редактор контента без привязки к вёрстке, когда писать статьи должен не разработчик.

AI в продукте

API моделей — Anthropic, OpenAI и другие: с них начинается любая AI-функция, потому что это самый дешёвый способ проверить, работает ли идея вообще.

Dify, Flowise — визуальные конструкторы AI-приложений и агентов: удобны, чтобы за день собрать рабочий прототип RAG-системы или ассистента.

pgvector — векторное расширение к PostgreSQL. Если у вас уже есть Supabase, отдельная векторная база почти наверняка не нужна — подробнее в словаре, векторная база.

Аналитика и деньги

Яндекс.Метрика — вебвизор и карты кликов бесплатно; для российской аудитории обычно основной счётчик. Google Analytics 4 — если есть зарубежный трафик. Umami и PostHog — из открытых, ставятся на свой сервер.

Платежи в России — ЮKassa, Робокасса, Точка и эквайринг банков; для зарубежных продаж — Stripe, Paddle, Lemon Squeezy (доступность зависит от юрисдикции компании).

Как это собирается в стек

Три типовых конфигурации ранней стадии:

Проверка гипотезы (1–2 недели). Лендинг на конструкторе или Astro + форма + n8n + таблица. Ноль кода, ответ на вопрос «есть ли спрос».

Первые платящие (1–2 месяца). Astro или Next.js + Supabase + n8n для интеграций + платёжный провайдер + Метрика. Код пишется с AI-редактором.

Продукт с AI-функцией. То же самое плюс API модели, pgvector для поиска по документам и набор evals, чтобы менять промпты не вслепую.

Главное правило выбора

Инструмент выбирается под вопрос, на который вы сейчас отвечаете, а не под будущий масштаб. Стек, рассчитанный на миллион пользователей, при двадцати пользователях — это не предусмотрительность, а потраченные месяцы. Развёрнуто — в статье про no-code и код.

Сжатая версия этой статьи, где вместо текста иконки и фильтры по задачам, — на странице инструментов лаборатории.