Найти в Дзене
ARGUS web studio official

✨ Вайб кодинг и нейросайты: Figma Make и Lovable

Когда технологии доходят до порога, где создать сайт можно "на вайбе", мы обязаны остановиться и посмотреть, что там происходит. Сегодня мы расскажем про два генератора сайтов — Figma Make и Lovable. Оба они претендуют на роль личного фронтендера и дизайнера в одном флаконе, и оба действительно работают. Не идеально, но честно — и это уже хорошо. > Генератор интерактивных интерфейсов от самой Figma на базе Claude Sonnet 4. Как работает: Ты пишешь: 🗣️ «Сделай лендинг для маркетингового агентства с формой и отзывами» Figma Make делает: ⚙️ Рабочий макет с кнопками, логикой и навигацией — прямо в твоем файле Figma. Без плагинов, без экспортов, всё нативно. Что классно: ✅ Не шаблонно: дизайн получается живым, не как у типичных конструкторов ✅ Можно править руками: обычный Figma-файл — хочешь шрифт — меняй ✅ Референсы и фото подгружаются, и ИИ пытается им следовать ✅ Компоненты и адаптив — уже внутри ✅ Прямо из Figma можно захостить и дать на тест пользователям Что не так: ❌ Полноценный про
Оглавление

Когда технологии доходят до порога, где создать сайт можно "на вайбе", мы обязаны остановиться и посмотреть, что там происходит. Сегодня мы расскажем про два генератора сайтов — Figma Make и Lovable. Оба они претендуют на роль личного фронтендера и дизайнера в одном флаконе, и оба действительно работают. Не идеально, но честно — и это уже хорошо.

🔧 1. Figma Make — интерфейс руками ИИ

-2

> Генератор интерактивных интерфейсов от самой Figma на базе Claude Sonnet 4.

Как работает:

Ты пишешь:

🗣️ «Сделай лендинг для маркетингового агентства с формой и отзывами»

Figma Make делает:

⚙️ Рабочий макет с кнопками, логикой и навигацией — прямо в твоем файле Figma.

Без плагинов, без экспортов, всё нативно.

Что классно:

✅ Не шаблонно: дизайн получается живым, не как у типичных конструкторов

✅ Можно править руками: обычный Figma-файл — хочешь шрифт — меняй

✅ Референсы и фото подгружаются, и ИИ пытается им следовать

✅ Компоненты и адаптив — уже внутри

✅ Прямо из Figma можно захостить и дать на тест пользователям

Что не так:

❌ Полноценный проект уровня SaaS не сделаешь

❌ Нужна хотя бы минимальная ориентация в Figma

❌ Иногда уходит в креатив и рисует «не по ТЗ»

💸 Сколько стоит?

Сейчас — бесплатно для всех, кто зарегистрирован. Отличный шанс протестить.

🌈 2. Lovable — старый знакомый с апгрейдом

-3

> Если раньше Lovable был простым визуальным конструктором, то теперь — почти как сайт-студия в кармане.

Почему это важно:

🤖 В Lovable появился ИИ-помощник, который помогает редактировать сайт без нервов. Просто:

🗣️ «Добавь блок с преимуществами в минималистичном стиле»

и он реально понимает.

Что улучшилось:

📉 Ошибок в верстке и логике стало на 91% меньше

🎨 Стили и компоненты подбираются умнее

🔧 Интеграция в готовые проекты стала проще

Особенности:

✅ Делает не просто ленд, а с анимацией и логикой блоков

✅ Идеален для питчей, MVP, быстрых презентаций

✅ Публикуется и хостится в один клик

✅ Работает даже с примитивными промптами:

> «Сайт кофейни в минимализме» — и ты уже почти там

💸 Сколько стоит?

Бесплатно на их домене

Собственный домен — за оплату

Код можно экспортировать и использовать где угодно

🧪 Кому это подойдёт

Маркетологам и продактам — без дизайнера и кодера можно запустить лендинг

Фаундерам на старте — для MVP и тестов гипотез

UX/UI-дизайнерам — как ускоритель прототипов

Креаторам и авторам — сайт под блог или портфолио за 10 минут

🚀 Вывод

ИИ не отнимет работу у веб-разработчиков, но уже отнял у нас оправдание ничего не делать.

Теперь есть два работающих генератора, которыми может воспользоваться любой человек с интернетом.

📌 Figma Make — для тех, кто уже живёт в Figma

👉 https://www.figma.com/make

📌 Чтобы пользоваться:

– Нужен аккаунт в Figma

– Работает прямо в браузере

– Бесплатно для всех пользователей на старте

📌 Lovable — для тех, кто хочет результат и не заморачиваться

👉 https://lovable.dev

📌 Что важно:

– Бесплатно при размещении на поддомене

– Можно выгрузить код

– Прост в использовании и не требует навыков кодинга

Попробуйте сами. Меньше слов — больше вайба.

🔥Если вам интересна тема нейросетей и цифровых инструментов, обязательно загляните в наши подборки:

Нейросети

Инструменты IT

Там вы найдёте другие наши материалы, которые помогут ещё глубже понять возможности ИИ и прочие инструменты IT, а также научиться эффективно использовать их в повседневной жизни и работе.

#нейросети #искусственный интеллект #технологии #ии видео #ии сервисы #цифровые инструменты #vik_studio_web_official #vikstudioweb