Скачать или смотреть ДИЗАЙН ДЛЯ ВАЙБКОДЕРОВ: Claude Code, Google Antigravity, Pencil, Figma, Google Stitch – ЧТО ЛУЧШЕ?

Результат из видео: https://neserioznoeit.com/it-garage/?...
Закрытое сообщество с обучением: https://t.me/neserioznoeitbot?start=u...

Карта для оплаты подписок: https://t.me/platipomiru_bot/platipom...
Промокод MRKIVANIT500 на скидку 500 рублей.
Реклама. ООО "КАПИБАРА". ИНН: 9703231520, Erid: CQH36pWzJqNS1hfhenmbPG12zLm7jvdCNgXhNxY8FVT3KV

Мой телеграм канал: https://t.me/neserioznoeit

Можно ли сделать качественный дизайн сайта с помощью ИИ? В этом видео я тестирую разные инструменты и связки: Claude Code, Google Antigravity с Fontend Design Skill и с Pencil MCP, Figma MCP. Также тестирую Google Stitch. Сравниваю плюсы и минусы каждого подхода, смотрю на результат и в итоге собираю рабочий лендинг.

Ссылки из видео:
1. Claude Code: https://claude.com/product/claude-code
2. Google Antigravity: https://antigravity.google/
3. Frontend Design Skill: https://skills.sh/anthropics/skills/f...
4. Pencil: https://www.pencil.dev/downloads
5. Figma MCP: https://developers.figma.com/docs/fig...
6. Google Stitch: https://stitch.withgoogle.com/
7. Дока по Google Stitch MCP: https://stitch.withgoogle.com/docs/mc...
8. Playwright MCP: https://github.com/microsoft/playwrig...
9. Фразы кабанчика для Claude Code: https://github.com/i1kazantsev/claude...

00:00 Какие требования подготовил
03:55 Цели на это видео
04:53 Что есть для дизайна с ИИ
08:11 План тестирования: модели и инструменты
09:18 Настройка окружения (Figma MCP, Pencil, Google Stitch)
13:33 Тестирование Pencil MCP
24:10 Сравнение результатов в Pencil
28:07 Модели + скилл без MCP
29:05 Сравнение результатов без MCP
31:47 Тестирование Figma MCP
34:27 Проблемы Figma MCP
36:05 Тестирование Google Stitch
40:15 Экспорт дизайна из Google Stitch в Figma
44:02 Итоги: лучшая связка
45:30 Итоги переноса из Pencil в код и готовый лендинг
48:57 Финальные выводы