Nano Banana для дизайнеров: как работать, не отходя от Figma
Привет, Хабр! Меня зовут Алина Сидоренко, я лид-дизайнер в компании Friflex. В этой статье я расскажу, как быстро генерировать и редактировать изображения без фотошопа (и даже не выходя из Figma) с помощью нейросети Nano Banana. Это модель редактирования и генерации изображений внутри ИИ-помощника Gemini от Google, которая позволяет точечно менять отдельные элементы на фото и при этом не разрушать всю сцену.
Официально нейросеть называется Gemini 2.5 Flash Image Preview. Но многие знают ее именно как Nano Banana. Так нейросеть прозвали разработчики и название закрепилось даже после релиза в августе 2025 года.
Вот чем Nano Banana отличается от других:
-
Локальные правки без разрушения сцены. Убрали лишний объект, заменили вещь или фон — композиция и свет остаются правдоподобными.
-
Консистентность персонажей и предметов. Можно сделать серию кадров с одним и тем же героем в разных локациях и костюмах — он остается собой. Это спасение для креативов, туториалов, сторис-серий и витрин.
-
Объединение нескольких предметов в одном изображении.
Figma вовремя подвезла AI-редактор изображений с промптами внутри канвы: теперь все обладатели подписки Professional Full seat и выше могут генерировать прямо в ее интерфейсе.
Если нет такой подписки, есть альтернативы:
1) Gemini
2) aistudio.google
3) LMArena
Чат-бот Gemini
Новая модель доступна для всех, независимо от наличия подписки. Чтобы ей воспользоваться, смените IP-адрес с российского на иностранный и перейдите на сайт чат-бота.
Войдите в свой гугл-аккаунт — откроется страница с чат-ботом. Под строкой ввода запроса нажмите «Изображение», загрузите картинку и напишите запрос.
Google AI Studio
Это официальный сайт Google, где можно тестировать ранние модели. Чтобы воспользоваться, смените IP-адрес с российского на иностранный и перейдите на сайт.
Затем задайте запрос.
LMArena
LMArena — это открытая платформа, где каждый может получить доступ к ведущим мировым моделям искусственного интеллекта, изучить их и попробовать.
И наконец — как использовать Nano Banana в Figma
Самое приятное — никаких плагинов и VPN. В Figma появилась нативная команда Edit image с текстовым промптом:
-
Открываем Figma.
-
Выделяем фото (слой с Image Fill).
-
В правой панели кликаем Image.
-
Нажимаем Edit image и вводим текстовую правку.
-
Получаем результат прямо в макете.
Несколько лайфхаков:
-
Пишите промпты на английском для точного понимания.
-
Используйте пошаговые этапы генерации, чтобы иметь возможность управлять результатом. Например, сначала сгенерируйте предмет, затем доработайте фон.
-
Четко формулируйте, что изменить и что сохранить. Например: “Brighten the scene slightly, keep skin tones natural, do not change the phone screen content”.
Мой мини-пайплайн под задачи
-
Импорт в Figma исходной картинки или создание новой → редактирование через Edit image → от общего к частному: от описания сцен перехожу к точечным правкам (свет, предмет, фон, одежда) через короткие и четкие промпты.
-
Копирую готовую картинку и по ней собираю серию с одинаковым героем.
Меняю лишь нужную деталь, остальное остается консистентным. Плюс модель заметно лучше держит узнаваемость персонажа от кадра к кадру (уходят вечные проблемы с изменением внешности, как в других нейросетях).
Добавление фона и предметов.
Совмещение предметов на одной фотографии.
Отрисовка персонажа: это результат первой генерации без доработок. Видно, что есть отличия от исходного персонажа, но с этим можно работать дальше.
Cтикеры на основе нашего персонажа с описанием сюжета: текст я добавляла отдельно, но на английском языке можно генерировать сразу.
Сделали с ним комиксы.
Ретушь фотографий — в один клик.
Вывод: Nano Banana — это инструмент точных правок, который избавляет от рутинной работы в фотошопе, и позволяет больше времени уделять проработке концепций.
Пишите в комментариях, как вам эта модель?
Источник: habr.com