Gemini 3.1 и SVG анимация
Google выпустил Gemini 3.1. Главная новость для нас — модель научилась генерировать рабочий код для SVG-анимаций. Больше не нужно рисовать кадры в After Effects для простых лоадеров. Пишешь текст — получаешь код для вставки на сайт.
Почему все обсуждают пеликана
В соцсетях вирусится демо с пеликаном на велосипеде. Это не видео и не GIF. Это векторная графика, написанная кодом. Gemini 3.1 понимает физику объектов. Лапы крутят педали, цепь движется, рама сохраняет жесткость.
Для дизайнера это решает проблему веса и качества. Видео тяжелое и пикселится. Lottie требует плагинов. SVG от Gemini весит килобайты, остается четким на любом экране и вставляется в верстку через Copy-Paste.
Что внутри новой модели
Gemini 3.1 стала умнее в логике и математике. Google обновил архитектуру, чтобы нейросеть лучше понимала пространственные связи. Теперь она не просто рисует линии, а осознает структуру объекта. Количество ошибок в коде снизилось почти на 40%.
Раньше нейросети часто ломали синтаксис SVG: объекты дергались или исчезали. Новая версия держит структуру. Если ты просишь жирафа в машине, он будет сидеть внутри. Колеса будут крутиться с правильной скоростью. Анимация получается плавной и цикличной.
Как это сделать
Процесс занимает минуту. Ты описываешь сцену, а нейросеть отдает готовый набор тегов <svg>.
- Зайди в Google AI Studio. Или в приложение Gemini с подпиской Advanced.
- Напиши промпт. Например: «Сделай анимированный градиент для фона лендинга, который плавно перетекает из синего в фиолетовый».
- Скопируй код. Модель выдаст HTML/CSS.
- Вставь на сайт. Работает в Webflow, Framer или любом HTML-блоке.
Модель генерирует именно код, а не картинку. Ты можешь открыть его в редакторе и поменять цвета бренда вручную.
Обсудить материал со своим ИИ
Я прочитал статью «Gemini 3.1 и SVG анимация» в Посторганике (это журнал о том, как AI и no-code меняют профессию дизайнера). Ссылка: https://postorganica.space/gemini-31-i-svg-animatsija/ Контекст: Посторганика пишет для дизайнеров с опытом 2–5 лет (Figma, Adobe, Framer, Webflow). Главная мысль журнала: работать по-старому уже нельзя, профессия изменилась. Бояться надо не ИИ, а конкурентов, которые его используют. Выигрывает тот, кто умеет подбирать инструменты под задачу и доводить проекты до запуска. Вот суть статьи: Google выпустил Gemini 3.1. Главная новость для нас — модель научилась генерировать рабочий код для SVG-анимаций. Больше не нужно рисовать кадры в After Effects для простых лоадеров. Пишешь текст — получаешь код для вставки на сайт.Почему все обсуждают пеликанаВ соцсетях вирусится демо с пеликаном на велосипеде. Это не видео и не GIF. Это векторная графика, написанная кодом. Gemini 3.1 понимает физику объектов. Лапы крутят педали, цепь движется, рама сохраняет жесткость.Для дизайнера это решает проблему веса и качества. Видео тяжелое и пикселится. Lottie требует плагинов. SVG от Gemini весит килобайты, остается четким на любом экране и вставляется в верстку через Copy-Paste. Что внутри новой моделиGemini 3.1 стала умнее в логике и математике. Учитывая мой опыт, всё, что ты знаешь обо мне, и этот текст — напиши, что из этого реально важно на практике? Что попробовать прямо завтра? С чем ты, возможно, не согласен? А после этого — задай мне три неочевидных вопроса по теме. Когда я отвечу — дашь мне уже личные рекомендации, как применить это в моей работе.
Комментарии