- Спроектируйте и создайте прототип визуально без программирования.
- Совместная работа в режиме реального времени для команд и заинтересованных сторон.
- Превращайте идеи в интерактивные макеты за считаные минуты.
- Free plan includes 30 credits per month
- Collaborate in real time with multiplayer editing and AI assistance
- Fully managed hosting, domains, SEO, and updates in one platform
Я запускал реальные сборки на обоих. Lovable — общий победитель для команд, создающих веб-приложения. Figma Make — правильный выбор для дизайнеров, уже работающих в экосистеме Figma и желающих быстрее переходить от концепции к прототипу.
Самое важное, что нужно понять перед тем, как читать дальше
Figma Make — это не самостоятельный конструктор приложений. Это функция внутри Figma, доступная через ту же панель навигации, что и Figma Design, FigJam и Slides. Чтобы использовать ее, вам нужен аккаунт Figma. Бесплатный план Starter дает ограниченный доступ (150 AI credits в день, 500 в месяц). Все, что сверх этого, требует места Professional за $16/month на человека или выше.
Краткое резюме
Figma Make— это слой ИИ, построенный поверх самой популярной в мире дизайн-платформы, предназначенный для повышения продуктивности дизайнеров Figma и ускорения перехода от концепции к интерактивному прототипу. Lovable — это самостоятельный специалист: опишите веб-приложение, и вы получите полностью развернутый full-stack продукт с живой базой данных, аутентификацией и обработкой платежей. Есть пересечение, но аудитории разные, и правильный выбор зависит от того, с чего вы начинаете.
| Функция | Figma Make | Lovable |
|---|---|---|
| Стартовая цена | Включено в Figma Professional ($16/full seat/month) | $25/month (unlimited users) |
| Бесплатная пробная версия/план | Да (150 кредитов ИИ в день, 500 в месяц в Starter) | Да (5 дневных кредитов, лимит 30 в месяц) |
| Используемые модели ИИ | По умолчанию, Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro (можно выбрать) | Набор моделей от OpenAI, Google Gemini, Anthropic |
| Автономный инструмент | Нет (находится внутри Figma; требуется аккаунт Figma) | Да (без привязки к какой-либо платформе) |
| Конструктор без кода | Частично (сначала prompt; также есть встроенное визуальное редактирование и доступ к коду) | Да (не требует технических знаний) |
| Предварительно созданные шаблоны | Библиотека Figma Community (обширная для дизайнеров) | Да (проекты сообщества + шаблоны дизайна Business+) |
| Экспорт пользовательского кода | Да (интеграция с GitHub; Download; редактор кода внутри Make) | Да (синхронизация с GitHub, полное владение кодом) |
| Поддержка веб-приложений | Да (React + Tailwind; full-stack с Supabase) | Да (React/TypeScript/Tailwind) |
| Интеграция API | GitHub, Supabase, Google Analytics, внедрение пользовательского кода | 80+ проверенных интеграций; нативные Supabase и Stripe |
| Обработка платежей | Нет нативной интеграции платежей | Да (нативный Stripe: checkout, subscriptions, webhooks) |
| Варианты развертывания | figma.site subdomain; custom domain в настройках | lovable.app, custom domains, GitHub sync |
| Совместная работа в реальном времени | Да (мультиплеер Figma во всех продуктах) | Да (неограниченное число соавторов, multiplayer workspaces) |
| Контроль версий | Автоматическое версионирование (Version 1, 2, 3…); откат в чате | Встроенный откат + синхронизация с GitHub |
| Право собственности на код | Да (интеграция с GitHub; Download as ZIP) | Да (полное владение, синхронизация с GitHub) |
1. Сравнение цен и планов
Тариф Lovable с безлимитной оплатой для команды превосходит модель Figma Make с оплатой за место для любой команды, которая еще не платит за Figma
| Функция | Figma Make | Lovable |
|---|---|---|
| Бесплатный план | Starter: 150 кредитов ИИ/день, 500/месяц (ограничено; нет безлимитной генерации) | Free: 5 ежедневных кредитов, лимит 30/месяц |
| План начального уровня | Professional: $16/полное место/месяц (+ 3,000 кредитов ИИ/месяц) | Pro: $25/месяц (неограниченное число пользователей) |
| План среднего уровня | Organization: $55/полное место/месяц (+ 3,500 кредитов ИИ/месяц) | Business: $50/месяц (неограниченное число пользователей) |
| Типы мест в команде | Полное место ($16), место Dev ($12), место Collab ($3) в Professional | Один план покрывает всех пользователей |
| Enterprise | $90/полное место/месяц (+ 4,250 кредитов ИИ/месяц) | Индивидуально |
| Годовая скидка | Да (с ежегодной оплатой для Organization и Enterprise) | Да |
Figma MakeЦенообразование Figma Make нельзя отделить от ценообразования Figma; это одна и та же подписка. Вот что это означает на практике:Уже на Figma? Make ничего не стоит дополнительно. Кредиты ИИ (3,000/месяц в Professional, 3,500 в Organization) общие для всех функций Figma AI, но полные места уже оплачены.Не на Figma? Вы покупаете ведущую в мире платформу для дизайна, чтобы получить доступ к одной функции. Одно полное место Professional стоит $16/месяц, или $80/месяц для пяти человек. За это вы получаете Figma Design, FigJam, Slides, Buzz, Sites, Draw и Make: полный набор инструментов для дизайна, который большинству пользователей конструкторов приложений не нужен.
- Starter (бесплатно): 150 кредитов ИИ в день, 500 в месяц. Достаточно для оценки; недостаточно для постоянной разработки.
- Кредиты общие: По всем функциям Figma AI, не только Make. Редактирование изображений, инструменты Design AI и Make все используют один и тот же пул.
- Предупреждения в середине сеанса: Если вы активно работали над проектом, может появиться уведомление “Check your AI credit balance”; планируйте соответственно.
Типы мест имеют значение. Figma Make требует полного места. Dev seats ($12/month) и Collab seats ($3/month) не включают полный доступ к Make. Если только некоторым членам команды нужно создавать с помощью Make, вы можете сочетать типы мест, но каждому, кто создает с помощью Make, нужно полное место за $16/month или выше.Lovable
Модель Lovable структурно проще любой системы с оплатой за место: одна подписка, неограниченное число пользователей, одна цена.
- Free ($0): 5 ежедневных кредитов, лимит 30 в месяц. Этого достаточно, чтобы изучить интерфейс и протестировать одну сборку; недостаточно для устойчивой разработки в продакшене.
- Pro ($25/month): Неограниченное число пользователей на одной подписке. Включает перенос кредитов на следующий расчётный цикл, собственные домены, удаление бейджа из опубликованных приложений, пополнение кредитов по запросу и многопользовательские рабочие пространства (Lovable 2.0). Студенты с действительным академическим email получают скидку до 50%.
- Business ($50/month): Всё из Pro плюс SSO (для команд, использующих Google Workspace, Okta или аналогичных поставщиков идентификации), ролевое управление доступом, панель центра безопасности и приоритетная поддержка. По-прежнему покрывает неограниченное число пользователей.
- Enterprise: Индивидуальная цена для выделенной поддержки, расширенной документации по соответствию требованиям, собственной инфраструктуры и гарантий SLA.
Здесь нет подсчёта мест, нет различия между создателями и зрителями и нет пула кредитов, который делится неравномерно по мере роста вашей команды. Команда основателей из двух человек и продуктовая организация из сорока человек платят на Pro одну и ту же цену — $25/month.
Когда присоединяется новый человек и ему нужен доступ, он входит в рабочее пространство без покупки нового места, без одобрения биллингового администратора и без необходимости отслеживать численность команды.
При годовой оплате на платных планах действует скидка. Кредиты по запросу можно купить в середине цикла, если команда исчерпает месячную квоту до следующего сброса.
Краткий вывод о победителе: Честный ответ зависит от контекста. Для дизайнера, уже работающего на Figma Professional, Figma Make по сути бесплатен: добавьте его в существующий рабочий процесс с нулевыми дополнительными затратами. Для команды, не использующей Figma, выбор Make означает минимальную оплату $16/seat/month, которая вырастает до $80/month при 5 людях, против фиксированных $25/month у Lovable. Для любой команды из шести и более человек, которая ещё не подписана на Figma, Lovable значительно дешевле и не несёт накладных расходов дизайн-платформы.
2. Возможности ИИ & Сравнение функций
Селектор моделей Figma Make, встраивание в экосистему и самовосстанавливающийся код выделяют его в этой категории
| Функция | Figma Make | Lovable |
|---|---|---|
| Используемые модели ИИ | Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro или Default (выбирается для каждого запроса) | Смесь OpenAI, Google Gemini, Anthropic |
| Выбор модели | Да (выбирайте модель перед каждым запросом) | Нет (одна модель, пользователь не может её выбирать) |
| Обработка естественного языка | Отлично (удобно для разработчиков и дизайнеров; объясняет ход рассуждений перед генерацией) | Сильно (повсюду простой английский; технические знания не требуются) |
| Качество генерации кода | Отлично (Radix UI, MUI, Recharts, Tailwind CSS v4, Lucide icons; профессиональный стек) | Отлично (React/TypeScript/Tailwind; производственного уровня) |
| Прозрачность перед сборкой | Да (ИИ в реальном времени объясняет свой план, выбор стека и решения по компонентам) | Да (структурированный план сборки перед генерацией; отмечает отсутствующие зависимости) |
| Самовосстанавливающийся код | Да (обнаруживает предупреждения; предлагает “Fix for me”; диагностирует корневую причину) | Да (одним щелчком “Try to fix” для ошибок) |
| Встраивание в экосистему Figma | Да (вставьте ссылку Make в Figma Design, FigJam или Slides; живой прототип воспроизводится на холсте) | Нет (отдельный инструмент) |
| Укажи и редактируй | Да (щелкните элемент; появляется панель форматирования; запрос ограничивается выбранным элементом) | Да (Visual Edits; щелкните любой элемент, чтобы настроить его) |
| Интеграция дизайн-системы | Да (доступ к библиотекам компонентов Figma; встраивание в существующие рабочие процессы дизайн-системы) | Нет (не зависит от файлов дизайна) |
| Интеграция с бэкендом | Supabase (авторизация, база данных, хранилище через запрос) | Supabase (нативная, глубокая интеграция) |
| Прозрачность контекста | Да (ИИ указывает выбор Recharts, Tailwind v4; отмечает отсутствующие пакеты; видимый ход рассуждений) | Да (план сборки возвращается до генерации) |
| Доступ к редактору кода | Да (полноценный редактор в стиле VS Code внутри Make; дерево файлов; package.json можно редактировать) | Да (Dev Mode, встроенный в браузер редактор) |
| Метаданные сеанса | Да (“Worked with 8 files” видно; статистика использования: кредиты, команды, время) | Не раскрыто в такой же детализации |
Figma Make
Самая отличительная ИИ-функция Figma Make — это то, чего не предлагает ни одна другая платформа в этой серии: вы выбираете модель перед каждым запросом.
Селектор находится внизу панели чата. Четыре варианта:
- По умолчанию: рекомендуемый Figma баланс скорости и возможностей
- Claude Sonnet 4.6: Описана как “Balanced and efficient”, знакомая каждому, кто работает с моделями Anthropic
- Gemini 3 Flash: “Fast and iterative”: идеально подходит для быстрых визуальных изменений, когда нужен быстрый отклик
- Gemini 3.1 Pro: “Deep and creative”: для сложных макетов и тонкой генерации
Прозрачность перед генерацией. Когда я отправил запрос на аналитическую панель NexaHost, Figma Make объяснил свой подход до написания ни одной строки кода.
Самовосстанавливающийся код. Когда в выводе было более десяти предупреждений, система предлагала “Исправь за меня.” ИИ диагностировал проблему: дублирующиеся ключи в данных диаграммы, вызывавшие конфликты ключей и проблемы с анимацией. Он присвоил каждому элементу данных уникальные идентификаторы и отключил конфликтующие анимации диаграммы. Исправление было точечным и точным.
Встраивание в экосистему Figma. Скопируйте ссылку Figma Make, вставьте ее в любой файл Figma Design, доску FigJam или презентацию Slides, и живой интерактивный прототип воспроизводится прямо на этом холсте.
Качество компонентов. В дашборде NexaHost использовались: @mui/material, @radix-ui компоненты, lucide-react для иконок, @emotion для стилизации, и recharts для визуализации данных. Именно это использовал бы старший frontend-инженер, а не упрощенный каркас.
Lovable
ИИ Lovable специализируется на одной вещи и делает ее полностью: генерирует и разворачивает полноценные веб-приложения полного стека по запросам на простом английском без каких-либо предварительных условий.
Полноценный стек из одного запроса. В сборке InvoicePro один запрос создал все перечисленное ниже, собрал, подключил и запустил менее чем за 10 минут:
- База данных Supabase с тремя связанными таблицами (clients, invoices, time_entries) и корректными связями по внешним ключам
- Аутентификация с email/password и Google OAuth
- Интеграция Stripe с тремя тарифными планами, ссылками на оплату и обработкой webhook
- Клиентский портал с корректной изоляцией данных по каждому пользователю
- Развернутый URL на lovable.app
Никакой модели на выбор. Никакого решения по фреймворку. Никаких предупреждений для проверки.
Предварительное планирование. Перед написанием кода Lovable возвращает структурированный план, перечисляющий каждую функцию, технические решения и отсутствующие зависимости (например, требование подключения Supabase). Это дает момент для проверки до того, как ИИ зафиксирует архитектуру, аналогично прозрачному шагу рассуждения Figma Make, но примененному ко всему стеку.
80+ нативных интеграций. Stripe, Supabase, OpenAI, Resend, PostHog, Cloudinary, Twilio и другие подключаются через боковую панель Connectors без необходимости вставлять API-ключи и писать шаблонный код. Нативный список интеграций Figma Make включает GitHub, Supabase и Google Analytics: три интеграции против более чем восьмидесяти.Возможности Lovable 2.0:
- Режим Dev: браузерный редактор кода в стиле VS Code, прямое редактирование компонентов
- Визуальные правки: Нажмите на любой элемент, чтобы изменить текст, цвет, отступы или интервалы на уровне CSS
- Темы: Глобальная панель дизайн-токенов (цвет, шрифт, радиус скругления), применяющая изменения по всему сайту из одной настройки
- Совместные рабочие пространства: Несколько участников команды могут работать одновременно
- ИИ-коннекторы: Предустановленные пути к ИИ-сервисам, векторным базам данных и API рабочих процессов
Краткий итог победителя: Figma Make выигрывает по ИИ-возможностям для дизайнеров и команд разработчиков, которым нужен контроль на уровне модели. Возможность выбирать Claude Sonnet 4.6, Gemini Flash или Gemini Pro для каждого запроса (и переходить на более мощные модели, когда итерация не дотягивает) — это настоящая возможность, которую не предлагает ни одна другая платформа в этой серии сравнения.
3. Скорость генерации приложений & Сравнение качества
Figma Make быстрее для фронтенда; Lovable дает более полный продукт
| Функция | Figma Make | Lovable |
|---|---|---|
| Время до первого результата | Менее 2 минут (сложный многостраничный дашборд) | Менее 10 минут (полностью развернутое полное full-stack приложение) |
| Что было создано | Фронтенд-дашборд с имитированными данными; в базовой сборке нет бэкенда | Full-stack приложение (auth, схема базы данных, платежи Stripe, клиентский портал) |
| Качество визуального дизайна | Исключительное (профессиональный стек компонентов; реалистичные по контексту данные) | Высокое (отполированный UI уровня SaaS) |
| Структура кода | Radix UI, MUI, Recharts, Tailwind v4; правильное разделение компонентов | React/TypeScript/Tailwind; типизированные компоненты; структурированные папки |
| Реалистичность данных | Реалистичный контент ленты активности, сгенерированный ИИ | Стандартные шаблоны-заполнители, точная структура |
| Полнота backend | Отсутствует в базовой сборке (Supabase добавлен отдельно) | Полностью готово с первой сборки (auth, DB, Stripe подключены) |
| Состояние предупреждений кода | Предупреждения могут сохраняться после генерации; часто требуются ручные исправления | В основном чистый результат; доступны исправления в один клик |
| Готовность к продакшену | Средняя (отличный фронтенд, требуется настройка бэкенда) | Средне–высокая (развернутый full-stack, рекомендуется проверка RLS) |
Figma Make: SaaS-дашборд аналитики NexaHost
Я отправил один запрос: полноценный SaaS-дашборд аналитики для вымышленной хостинг-компании под названием NexaHost с темной боковой панелью, KPI-карточками, графиками трафика и лентой недавней активности.Скорость: Полностью отрисовано и интерактивно менее чем за 2 минуты с момента нажатия submit. Это включает фазу рассуждений ИИ, полную генерацию кода и рендеринг canvas. Для сложности результата это самое быстрое время генерации в этой сравнительной серии.
Качество: Что содержала панель управления:
- Темная боковая панель с брендом NexaHost, подзаголовком “Analytics Dashboard” и пятью навигационными ссылками (Overview, Servers, Traffic, Billing, Settings), при этом Overview сразу выделен синим
- Верхняя панель с рабочим полем поиска и профилем пользователя “Sarah Chen / Admin”, с колокольчиком уведомлений и аватаром
- Четыре карточки KPI: Uptime (99.98%), Active Servers (47), Monthly Bandwidth (2.4 TB), Open Tickets (8), каждая с индикатором тренда по сравнению с прошлым месяцем
- График 30-Day Traffic Trends, отрисованный как функциональная area-визуализация Recharts с реальными датами от May 11 до June 5, подписями по оси y с интервалом 20k и данными в диапазоне пропускной способности 40k-80k
- Столбчатый график MRR by Plan и визуализация распределения статусов серверов
- Лента Recent Activity с контекстно реалистичными событиями хостинга: успешное развертывание сервера для web-prod-03, предупреждение о высокой загрузке CPU на 87% на db-master-01, предупреждение об истечении срока действия SSL-сертификата для api.nexahost.com, уведомление о полученном платеже и окно запланированного обслуживания, все по теме домена, ни одно не общее
Эта контекстная интеллектуальность в генерации контента действительно впечатляет и задает ориентир для того, как должны выглядеть сгенерированные ИИ фиктивные данные.
Проблема с предупреждениями. После генерации появилось более десяти предупреждений. “Fix for me” снизила их количество до трех, затем последующие правки снова подняли его до девяти, а потом — снова выше десяти. Панель управления продолжала корректно отображаться и работать все это время. Но для команд, планирующих взять сгенерированный код в продакшн, кодовая база, которая сама генерирует новые предупреждения с каждой итерацией, заслуживает дополнительного тестирования перед тем, как брать ее в работу.Lovable: Сборка InvoicePro
Я отправил один промпт для Client Portal and Invoicing App, охватывающего multi-tenant dashboards, time tracking, invoicing с PDF output, Stripe payments и клиентский портал на базе Supabase.
Скорость: Lovable вернул план сборки до написания какого-либо кода, указал на необходимость подключения Supabase и начал после подключения. Ключевые этапы:
- Минута 4: Лендинг запущен с hero-текстом и шестью карточками функций
- Раздел цен: Starter ($9/month), Professional ($29/month, “Most Popular”), Enterprise ($79/month)
- Менее чем за 10 минут: Развернуто на lovable.app с auth через Supabase, таблицами базы данных и полностью подключенным Stripe checkout
Качество: Что содержал InvoicePro:
- База данных Supabase с тремя связанными таблицами (clients, invoices, time_entries), с корректными связями по foreign key, без ручного написания SQL
- Аутентификация: email/password и Google OAuth, настроены и подключены
- Интеграция Stripe: три тарифных уровня, checkout links, маршрутизация billing portal, синхронизация подписок, обработка webhook для событий платежей
- Клиентский портал с корректным разграничением данных для каждого пользователя
- Чистый React/TypeScript/Tailwind с типизированными массивами данных, именованными файлами компонентов и логичной структурой папок
- Развернуто в рабочем виде по URL, которым можно поделиться, в пределах 10-минутного окна
Когда отсутствующая переменная окружения Supabase вызвала пустой preview, появилось текстовое описание ошибки с кнопкой “Try to fix”. Один клик решил проблему.
Итог победителя:
Скорость: Побеждает Figma Make: менее 2 минут против 10 у Lovable. Для команд, которым нужна быстрая итерация frontend designs, этот разрыв реален.
Качество результата: Дашборд NexaHost от Figma Make визуально является самым впечатляющим frontend в этой серии сравнений. Контекстуально уместная лента активности, профессиональный набор компонентов и функциональная реализация графика представляют собой исключительную AI-generated работу над frontend.
Полнота: Побеждает Lovable. InvoicePro был полностью развернутым продуктом с аутентификацией, реальной базой данных и обработкой платежей. NexaHost был потрясающим frontend, которому требовалась дополнительная настройка Supabase, чтобы стать настоящим приложением. Для читателя, которому нужен рабочий продукт уже сегодня, полностью подключенный результат Lovable за 10 минут более ценен, чем красивый прототип за 2 минуты.
4. Сравнение удобства использования: какая платформа проще в использовании?
Lovable не требует предварительной платформы и опыта в дизайне; Figma Make вознаграждает предыдущий опыт работы с Figma
| Функция | Figma Make | Lovable |
|---|---|---|
| Настройка аккаунта | Существующая учетная запись Figma переносится автоматически (самый быстрый вариант); новым пользователям сначала нужна учетная запись Figma | Просто (электронная почта или вход через соцсети; короткая анкета для онбординга) |
| Требуется ли предварительный инструмент | Да (учетная запись Figma; знание интерфейса Figma значительно помогает) | Нет (самостоятельная; без предварительных условий) |
| Навигация по панели | Легко для существующих пользователей Figma; средне для новых пользователей, которым сначала нужно освоить интерфейс Figma | Просто (сначала промпт; представления проектов и Recents в боковой панели) |
| Создание первого приложения | Очень быстро, если вы знаете Figma; если нет, добавляется время на онбординг Figma | Просто (принимается полный промпт; подключение Supabase для бэкенда проводится пошагово) |
| Требуется prompt engineering | Низкий (подходит обычный английский; техническая формулировка необязательна, но улучшает результаты) | Низкий (на протяжении всего процесса подходит обычный английский) |
| Настройка: через чат | Да (описывайте изменения в поле сообщения) | Да (полнофункциональное редактирование на основе промпта) |
| Настройка: визуально встроенная | Да (Point and Edit: щёлкните по элементу; над элементом появляется панель форматирования) | Да (Visual Edits: щёлкните по элементу, чтобы изменить его в предпросмотре) |
| Настройка: на уровне кода | Да (полноценный редактор кода с деревом файлов; package.json можно редактировать; настраивайте частные npm-пакеты) | Да (Dev Mode; редактор в браузере в стиле VS Code) |
| Экспорт/развертывание | Просто (Публикация на figma.site; GitHub в настройках; Скачать как ZIP) | Просто (в один клик на lovable.app или синхронизация с GitHub) |
| Кривая обучения | Низкая для пользователей Figma; средняя для новых пользователей, которым нужно изучать Figma вместе с Make | Низкая |
Регистрация и создание аккаунта
онбординг Figma Make имеет два совершенно разных сценария в зависимости от того, откуда вы начинаете:
- Существующие пользователи Figma: Перейдите на figma.com, введите промпт до создания аккаунта, войдите через Google или по электронной почте, и вы окажетесь в Make за считанные секунды. Промпт переносится автоматически.
- Новые пользователи Figma: Сначала они сталкиваются с полноценной дизайн-платформой с несколькими продуктами (Design, FigJam, Slides, Buzz, Sites, Draw, Make). Переход к Make и понимание того, что он делает по сравнению с другими инструментами, добавляет реальное время на ориентацию.
Lovable регистрация проходит через короткий опрос о роли. Панель управления загружается сразу, без необходимости сначала разбираться в другой платформе.
Регистрация включает GitHub в качестве варианта аутентификации наряду с Google и Apple. Lovable также запоминает ваш последний использованный способ, что является небольшим, но внимательным жестом для постоянных пользователей.
Пользовательский интерфейс и панель управления
Figma Make рабочее пространство делится на две основные зоны. Левая панель отвечает за диалог: запросы внизу, ответы ИИ и рассуждения выше, история версий в виде прокручиваемых подписанных карточек. Правая зона — это живой холст, где отображается результат.
Панель инструментов холста предлагает три режима, которые стоит понять:
- Режим предпросмотра (значок глаза): Живой интерактивный прототип
- Режим кода (значок угловой скобки): Полный проводник файлов слева, редактор кода справа
- Совмещенный макет: Оба сразу
Переключение между ними происходит мгновенно и не прерывает генерацию. В режиме кода видна полная структура проекта: App.tsx, все файлы компонентов, package.json и конфигурационные файлы, и каждый файл можно редактировать напрямую.
Внизу панели чата: кнопка добавления для новых запросов, выпадающий список выбора модели, значок искры для настроек ИИ и переключатель режима Build/Default. Именно здесь принимается большинство решений вашего рабочего процесса.
Lovable панель управления открывается на теплом градиенте от синего к розовому с персонализированным приветствием. В поле запроса написано “Ask Lovable to build a web app that…” с переключателем режима Build и баннером Connectors.
Левая боковая панель показывает Home, Search, Resources и Connectors, а затем представления проекта и раздел Recents. Для нетехнического пользователя эта панель управления более понятна с первого взгляда.
Система Point and Edit
Figma MakePoint and Edit встроенное редактирование — его самая сильная функция с точки зрения удобства использования. После того как панель управления NexaHost отрисовалась, я нажал на заголовок “30-Day Traffic Trends”. Одновременно произошло две вещи:
- Идентификатор тега h3 появился во входном поле чата, задав область действия моего следующего запроса именно этому элементу
- Прямо над элементом на холсте появилась богатая панель форматирования: семейство шрифтов, размер, жирный, курсив, выравнивание и другие элементы управления
Я мог либо описать изменение простым английским языком в чате, либо напрямую изменить элемент через панель инструментов, вообще не вводя запрос. Этот гибридный подход практичнее, чем инструменты, которые пропускают каждое изменение через ИИ, особенно для небольших исправлений: исправление опечатки или изменение цены не требует ожидания, пока ИИ интерпретирует запрос.
Учебный оверлей первого поколения пошагово проводит через Point and Edit в четыре шага, появляясь в точно нужный момент: после того как будет отрисован ваш первый результат, когда вам действительно нужна эта информация.Lovable Visual Edits работают аналогично: щелкните по любому элементу в предпросмотре, чтобы изменить текст, цвет, отступы или интервалы, но без одновременной панели форматирования.
Изменения в визуальном редакторе Lovable проходят через прямое редактирование CSS, тогда как панель инструментов Figma Make добавляет возможность мгновенного форматирования без какого-либо ввода текста.
Общая оценка удобства использования
Честный расклад:
- Уже в Figma? Make — более простой путь. Никаких затрат на переход, никакой новой панели управления, результат появляется в Recents рядом с дизайн-файлами, и совместная работа Figma автоматически распространяется на проекты Make.
- Не в Figma? Lovable проще. Не нужно выбирать тип лицензии, не нужно следить за балансом кредитов, нет накладных расходов на внедрение платформы. Просто опишите приложение, и оно будет развернуто.
Сводка победителя: Lovable выигрывает по удобству использования для команд без существующего рабочего процесса в Figma. Для команд, для которых Figma — родная среда, уравнение удобства использования меняется: Make доступен в среде, которую они уже знают, а Lovable будет представлять собой дополнительную платформу для внедрения. Определяющий фактор — где ваша команда находится сегодня.
5. Сравнение конфиденциальности и безопасности: какая платформа более безопасна?
Figma обладает самым обширным портфелем соответствия в этой серии сравнений; но при публикации существует критический риск для конфиденциальности
| Функция | Figma Make | Lovable |
|---|---|---|
| SOC 2 Type II | Да (ежегодно проверяется независимыми аудиторами) | Да (Type 1 и Type 2) |
| ISO 27001 | Да (сертифицировано по ISO/IEC 27001:2022) | Да (ISO 27001:2022) |
| ISO 27017 | Да (контроли облачной безопасности) | Не подтверждено |
| ISO 27018 | Да (защита конфиденциальности в облаке) | Не подтверждено |
| ISO 27701 | Да (управление информацией о конфиденциальности) | Не подтверждено |
| FedRAMP Moderate | Да (облачное соответствие уровня правительства США) | Не подтверждено |
| GDPR | Да (Кодекс поведения EU Cloud; DPA доступен) | Да (полное соответствие GDPR) |
| CCPA | Да | Не подтверждено |
| TISAX | Да (безопасность для европейской автомобильной промышленности) | Не подтверждено |
| C5 | Да (поддерживаемый немецким правительством облачный стандарт) | Не подтверждено |
| Режим конфиденциальности | Да (планы Teams и Organization; SSO доступен) | Публично не задокументировано |
| Право собственности на код | Да (GitHub; загрузка в ZIP) | Да (синхронизация с GitHub) |
| Риск публикации в сообществе | Да (история чата по умолчанию видна, если не снять флажок “Показывать историю чата”) | Нет функции публикации в сообществе |
Figma Make
Портфель соответствия Figma является самым обширным среди любой платформы в этой серии сравнений:
- SOC 2 Type II: Ежегодный независимый аудит, подтверждающий постоянную эффективность средств контроля безопасности
- SOC 3: Публичный отчет о результатах SOC 2
- ISO 27001:2022: Международный стандарт управления информационной безопасностью
- ISO 27017: Облачные средства контроля безопасности
- ISO 27018: Защита персонально идентифицируемой информации в облаке
- ISO 27701: Сертификация системы управления информацией о конфиденциальности
- FedRAMP Moderate: Облачное соответствие требованиям уровня правительства США, уровень сертификации, требуемый для принятия федеральным агентством
- GDPR: Соблюдение EU Cloud Code of Conduct; доступно Дополнение об обработке данных
- CCPA: Соответствие California Consumer Privacy Act
- TISAX: Стандарт информационной безопасности для европейской автомобильной отрасли
- C5: Сертификация Федерального ведомства по информационной безопасности Германии для регулируемых и государственных клиентов
Для корпоративных команд в регулируемых отраслях (финансовые услуги, здравоохранение, государственный сектор, автомобилестроение) этот охват сертификаций означает, что Figma уже проделала работу по обеспечению соответствия. Trust Center на compliance.figma.com публично документирует все сертификации.
Один критический риск для конфиденциальности, о котором каждый читатель должен знать перед публикацией. Панель Publish в Figma Make включает флажок “Показывать историю чата”, который отмечен по умолчанию. Если вы публикуете в Figma Community, не сняв этот флажок, любой, кто просматривает ваше объявление в Community, может увидеть всю вашу переписку с промптами: каждую итерацию, каждое отклоненное направление, каждую деталь, которую вы указали.
Для личных учебных проектов это безвредно. Для клиентской работы, собственных спецификаций продукта или любого коммерчески чувствительного проекта это значительный риск утечки данных. В процессе публикации об этом не предупреждают заметно, и это легко пропустить.
Lovable
Lovable имеет три сертификации, прошедшие независимый аудит. Каждую стоит понимать в практическом смысле:
- SOC 2 Type 1 and Type 2: Type 1 подтверждает, что средства контроля безопасности спроектированы надлежащим образом. Type 2 подтверждает, что эти средства контроля эффективно работали в течение длительного периода аудита. Наличие обоих означает, что оценка охватывала фактическую операционную работу, а не только намерение в части дизайна.
- ISO 27001:2022: Международный стандарт систем управления информационной безопасностью, охватывающий облачные среды и отношения с поставщиками. Издание 2022 года отражает обновлённые требования именно к облачным сервисам.
- Полное соответствие GDPR: Подтверждено как настройка платформы по умолчанию, не зависящая от конфигурации развёртывания. Команды из ЕС охвачены без необходимости оценивать самостоятельный хостинг.
Право собственности на код явно определено на всём протяжении: синхронизация с GitHub обеспечивает свободный выход в любой момент без извлечения из проприетарного формата.
Сводка победителя: У Figma более полная документация по соответствию: ISO 27017, ISO 27018, ISO 27701, FedRAMP Moderate, CCPA, TISAX и C5 выходят за рамки того, что Lovable публично подтверждает. Для закупок предприятий в регулируемых отраслях Trust Center Figma — более сильный ресурс. Компромисс таков: риск конфиденциальности при публикации в сообществе (история чата показывается по умолчанию) — это реальная операционная проблема, которой у Lovable нет. Убедитесь, что параметр «Показывать историю чата» выключен, прежде чем публиковать любой неперсональный проект Figma Make.
6. Сравнение интеграций платформы и вариантов развёртывания
80+ интеграций Lovable, включая встроенный Stripe, уверенно побеждают; в Figma Make отсутствует обработка платежей
| Функция | Figma Make | Lovable |
|---|---|---|
| Встроенный хостинг | Да (figma.site; собственный домен в настройках) | Да (lovable.app) |
| Поддержка собственного домена | Да (через настройки Domains) | Да (тариф Pro и выше) |
| Интеграция с GitHub | Да (подключить репозиторий; отправлять сгенерированный код) | Да (полная синхронизация, управление ветками) |
| Интеграция с Vercel/Netlify | Нет (сначала отправить в GitHub, затем подключить отдельно) | Да (через синхронизацию с GitHub) |
| Варианты базы данных | Supabase (через запрос на интеграцию; требует настройки вторым шагом) | Supabase (нативная, глубокая, автоматическая уже с первой сборки) |
| Обработка платежей | Нет нативной интеграции платежей | Да (встроенный Stripe: оформление заказа, подписки, вебхуки, портал выставления счетов) |
| Аутентификация | Supabase Auth (электронная почта/пароль, магические ссылки, Google, GitHub через интеграцию Supabase) | Supabase Auth, Google OAuth (с первой сборки) |
| Аналитика | Google Analytics (поле G-XXXXXXXX в настройках; плагин не требуется) | PostHog, Mixpanel, Google Analytics (в каталоге 80+) |
| Вставка пользовательского кода | Да (в начале/конце <head> и <body>; принимается любой тег script) | Не как отдельное поле настроек |
| Интеграции AI/API | Настраиваемые собственные конечные точки API; приватные пакеты npm через диалог «Настройте свой код» | 80+ проверенных интеграций; панель AI Connectors |
| Публикация в сообществе | Да (Figma Community; прототип доступен для обнаружения; история чата показывается по умолчанию) | Нет функции публикации в сообществе |
| Встраивание в дизайн-файлы | Да (вставьте ссылку Make в любой холст Figma; живой прототип воспроизводится прямо в холсте) | Нет |
| SEO-метаописание | Автоматически сгенерировано ИИ на основе содержимого вывода | Не генерируется автоматически |
| Консоль разработчика | Да (консоль JavaScript в canvas; отдельное окно DevTools не требуется) | Не встроено |
Figma Make
Стратегия интеграции Figma Make минимальна по замыслу. Три основных подключения, плюс запасные варианты:
Supabase. Добавление настоящего бэкенда — это второй промпт, а не автоматическое действие. Вы описываете, что вам нужно (“add Supabase Auth” or “create a database for tracking orders”), и AI подключает это.
GitHub. Подключите репозиторий и отправьте сгенерированный код через панель настроек. Это обеспечивает полноценный контроль версий, интеграцию CI-пайплайна и передачу команде разработчиков. Код, который отправляется в GitHub, — это тот же ориентированный на production стек, который был сгенерирован: компоненты Radix UI, Recharts, Tailwind v4, типизированные файлы компонентов.
Google Analytics. Одно поле в общих настройках принимает tracking ID формата G-XXXXXXXX. Не нужно внедрять тег script, не нужно устанавливать плагин. Ваше опубликованное приложение получает аналитику GA4 только через настройки.
Вставка пользовательского кода. Четыре поля в общих настройках охватывают стандартные точки внедрения HTML: начало, конец, начало, конец. Здесь подойдет любой корректный script или HTML-тег: Hotjar, Mixpanel, пользовательские шрифты, скрипты tag manager, любой внешний сервис, который загружается через тег. Для интеграций вне нативного списка это запасной вариант.
Диалог «Настройте ваш код». Настройки package manager позволяют перечислять частные npm-пакеты и дополнительные публичные библиотеки. Разработчики, которым нужны определенные внутренние зависимости, могут добавить их здесь, — это функция, которую не предлагает ни один ориентированный на потребителя AI builder в этой серии.
Чего нет у Figma Make. Нет интеграции со Stripe. Никакой обработки платежей. Создание проекта Figma Make, который принимает платежи, требует отдельной настройки Stripe через поле вставки пользовательского кода или ручного добавления после экспорта в GitHub. Для команд, создающих потребительские продукты, которым нужен процесс оформления заказа, этот пробел существенен.
Пока нет интеграции с Vercel или Netlify. Сейчас схема развертывания Figma Make — это figma.site или GitHub. Если ваш рабочий процесс включает деплой в Vercel, Netlify, Render или Cloudflare Pages, для этих платформ нет интеграции в один клик. Сначала вам нужно отправить в GitHub, а затем подключить этот репозиторий к предпочитаемому хостинг-провайдеру как отдельный шаг.
Lovable
Стратегия интеграций Lovable — сначала покрытие: 80+ проверенных интеграций, которые закрывают наиболее распространённые требования для продакшена без написания кода.
Stripe (нативно, автоматически). По одному запросу в InvoicePro: были сгенерированы три тарифных уровня с корректными ссылками на checkout, маршрутизацией в billing portal и синхронизацией Supabase для статуса подписки. Обработчики webhook для событий платежей (subscription created, payment failed, subscription cancelled) были включены без дополнительных запросов. Вся интеграция Stripe была подключена и работала ещё до отметки в 10 минут. Figma Make не имеет сопоставимой возможности.
Supabase (нативно, автоматически). Lovable создаёт схему базы данных с первой сборки, а не на втором шаге. Таблицы генерируются с правильными типами столбцов и связями внешних ключей. Потоки аутентификации (email/password, Google OAuth, magic links) настраиваются автоматически. Каркас политик RLS включён (хотя корректная конфигурация требует ручной проверки, как отмечено в Разделе 5).
Каталог 80+. Охватывает email (Resend, SendGrid, Mailgun), аналитику (PostHog, Mixpanel, Google Analytics), файловое хранилище (Cloudinary, AWS S3 via Supabase), коммуникации (Twilio, WhatsApp Business API), AI-сервисы (OpenAI, Anthropic, Cohere) и многое другое. Каждый подключается через боковую панель Connectors без шагов конфигурации и без необходимости управления API-ключами.
AI Connectors (Lovable 2.0). Предварительно созданные пути к векторным базам данных, сервисам оркестрации рабочих процессов ИИ и API для эмбеддингов расширяют каталог за пределы стандартных REST-интеграций для команд, создающих функции на базе ИИ.
Развертывание. Публикация в один клик на lovable.app с автоматической настройкой DNS и SSL. Синхронизация GitHub с Vercel или Netlify доступна для команд с уже существующей хостинг-инфраструктурой. Пользовательские домены подключаются на Pro и выше без ручного управления сертификатами.
Для сервисов вне каталога 80+ Supabase Edge Functions позволяют реализовать пользовательскую серверную логику на JavaScript, практичный обходной путь для нестандартных требований к интеграции, которые действительно требуют написания кода.
Краткий вывод победителя: Lovable выигрывает по интеграциям с решающим преимуществом. Отсутствие любой нативной обработки платежей в Figma Make — самый значительный пробел. Для любого веб-приложения, которое собирает выручку (SaaS-продукт, маркетплейс, сервис подписки), нативная интеграция Stripe от Lovable обеспечивает сквозную логику платежей в первой сборке, тогда как Figma Make требует строить её отдельно.
Figma Make vs Lovable: Главный вывод
Lovable выигрывает для фаундеров, продуктовых команд и любого, кто создает веб-приложение и уже не живет внутри Figma. Figma Make выигрывает для дизайнеров, которые хотят быстрее прототипировать внутри экосистемы, которую они уже знают.
| Категория | Победитель | Почему (кратко) |
|---|---|---|
| Цены и тарифы | Lovable | $25/month за неограниченное число пользователей; Figma Make требует минимум $16/место для полного доступа, доходя до $80/month для 5 человек, не работающих в Figma |
| Возможности ИИ & Функции | Figma Make | Единственная платформа в этой серии с селектором моделей (Claude, Gemini Flash, Gemini Pro); встраивание в экосистему; самовосстанавливающийся код; контекстно насыщенная генерация |
| Скорость генерации приложения & Качество | Lovable | Полноценное развернутое full-stack приложение менее чем за 10 minutes; Figma Make быстрее (2 min) для фронтендов, но требует настройки Supabase вторым шагом для реальных данных |
| Простота использования | Lovable | Не требуется предварительная платформа; нет накладных затрат на онбординг Figma; нулевые издержки на смену экосистемы для команд, не работающих в Figma |
| Конфиденциальность и безопасность | Figma Make | Самый обширный портфель соответствия в этой серии (SOC 2, FedRAMP, ISO 27017/18/27701, TISAX, C5); но публикация в сообществе по умолчанию раскрывает историю чата: отключите это перед публикацией |
| Интеграции &Развертывание | Lovable | 80+ нативных интеграций, включая платежи Stripe; Figma Make не поддерживает обработку платежей и требует отдельной настройки Supabase для бэкенда |
Выбирайте Lovable, если: Вы — основатель, продуктовый менеджер или команда стартапа, которой нужно развернутое веб-приложение с аутентификацией, базой данных и платежами Stripe, работающее на этой неделе. Особенно если ваша команда еще не работает в Figma, и вам нужна платформа, которая подходит и техническим, и нетехническим членам команды без каких-либо накладных расходов на дизайн-инструменты.
Выбирайте Figma Make, если: Вы — дизайнер или команда, ориентированная на дизайн, уже работающая в Figma, которая хочет быстрее превращать прототипы в реальные взаимодействия, проверять идеи со стейкхолдерами через живые прототипы, встроенные в файлы Figma, и оставаться внутри одной платформы от концепции до прототипа. Особенно полезно, если вам нужно демонстрировать интерактивные демо в FigJam во время дизайн-ревью.
