New Gemini 3.1 Pro: что это за зверь на самом деле?

19 февраля Google выкатил Gemini 3.1 Pro. Сегодня был день моих тестов. Я не тестил в Antigravity и CLI режиме. Просто пока юзаю только веб версию для дизайна / дип ресерча. И так хватает кодекса и клодика.

Но сначала немного про модель.

Gemini 3.1 Pro — новый флагман от гугла. Бенчмарками душнить тут не буду. Я к ним скептически отношусь, но основное, что в разы лучше 3.0.

В чём реально сила

Главное что показал Google на релизе — анимированные SVG из текстового промпта. Пару найденных кейсов: live-дашборд с данными орбиты МКС, 3D симуляцию стаи птиц, много примеров мини игр. Как вы поняли, тут опять про дизайн. Gemini пока точно тут лидирует среди своих основных конкурентов.

Теперь про мои тесты

Дизайн моего сайта сделал Gemini 3.1. Я тут сильно не упарывался в промптах. Сделал супер простой PRD (за 5 минут), попросил передать дух вайбкодинга без лишних элементов. Параллельно запустил генерацию прототипов, и ещё за 7-10 минут получил вот эту красоту. Мне нравится. Надо только светлую тему потом добавить.

Спросите, а зачем мне сайт?

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

Что я делал: взял пару скриншотов страниц своего продукта и просто кратко описал что хочу. С первой попытки получилось очень плохо, но красиво. Дальше в течение 15 минут мы всё дотюнили, и я получил две анимации. И я был в восторге (просто посмотрите).

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

Давай сделаем SVG анимацию по сценарию:

Сцена: пользователь открывает SaaS-дашборд.

Биты анимации:

Скелетон (0.4–0.8с): серые блоки «дышат», будто загрузка.

App-shell: слева сайдбар «въезжает», сверху топбар «прилипает».

Карточки метрик: по очереди прыг-прыг (stagger + spring).

График рисуется: линия/бар-чарт «проявляется» clip-path'ом, точки появляются с задержкой.

Числа «докручиваются»: как одометр (rolling digits) + лёгкий overshoot на финале.

Акцент-инсайт: один KPI подсвечивается и появляется tooltip «+12% WoW».

Вау-деталь: «пульс» на последней точке графика + мягкий glow.

Больше я изменений не вносил. Есть косяки, но блин это получилось за 1 промпт. Я просто в шоке. Ну и самое главное, я просто сказал клодику "вставь вот эти анимации на мой сайт" — и готово.

Ну и еще поинтересней пример.

Stitch и что дальше

Отдельно слежу за Google Stitch. Я просто его пощупал — это прям балдеж. В кратце: инструмент для генерации UI из текста или скетча, с экспортом в Figma. Он мне предлагал прям интересные дизайны для сайта, но я их пока скипанул — слишком много стиля терминала. Ждем когда туда зайдёт 3.1.