Ваш дизайнер завален правками, а для нового лендинга нужен набор иконок - 20-30 штук, в одном стиле, под фирменные цвета. Фрилансер просит 2-3 дня и 15-20 тысяч рублей. А вы хотите запуститься завтра. Recraft V3 решает эту задачу за вечер. Это AI-генератор, который создаёт настоящий SVG с редактируемыми кривыми, а не PNG с растровым контентом. Для бизнеса это значит: иконки любого размера без потери качества, прямой импорт в Figma и Illustrator, возможность менять цвета и форму - и всё это без дизайнера в штате.
Что делает Recraft уникальным: нативный SVG
Почти все AI-генераторы работают на диффузионных моделях, которые создают растровые изображения: PNG, JPEG, WebP. SVG, который предлагают некоторые сервисы, чаще всего - это конвертация PNG в SVG через трассировку (vectorization), где кривые автоматически обводят пиксели. Результат - тысячи точек, нечитаемый код, невозможность нормально редактировать.
Recraft V3 генерирует SVG нативно: модель создаёт векторные пути напрямую, без промежуточного растра. Это значит:
- Иконка 16px и 1600px - одинаковое качество
- Открыть в Illustrator и увидеть нормальные bezier-пути, а не «картофельный контур» из автотрассировки
- Размер файла SVG: 5-30 KB против 200-500 KB при конвертации PNG
- Редактирование цвета в один клик через attributes панель
Для сравнения: попробуйте взять PNG-иконку из Midjourney и конвертировать через Adobe Illustrator Image Trace. Получите кривые с сотнями точек, которые невозможно анимировать или изменить без полного перерисования.
Интерфейс recraft.ai: первые шаги
Регистрация через email или Google, бесплатный тариф даёт 50 генераций в день. Интерфейс - веб-редактор с панелью настроек слева и холстом справа.
Основные режимы генерации:
Vector illustration - иллюстрации для web и print, сложные сцены с несколькими объектами. Выход: SVG.
Icon - минималистичные иконки, UI-элементы. Выход: SVG с чистыми путями.
Logo - логотипы, эмблемы, монограммы. Выход: SVG, пригодный для использования на любых носителях.
Realistic image - фотореализм, выход PNG. В этом режиме Recraft V3 конкурирует с Flux, но это не его сильная сторона.
Цветовая палитра: в левой панели выбираем цвета заранее. Recraft старается использовать именно их в генерации. Для брендированного набора иконок задаём фирменные цвета один раз и получаем консистентную палитру во всей серии.
Brand Kit: платная функция. Загружаем логотип, указываем цвета и стиль, Recraft применяет их ко всем генерациям в проекте.
18+ стилей Recraft V3: когда какой выбирать
Recraft V3 имеет встроенную библиотеку стилей. Основные:
Flat icon - однотонные плоские иконки без теней. Подходит для UI, мобильных приложений, навигации. Минимум деталей, максимум читаемости при 24px.
Line art - только контуры, без заливки. Для монохромных систем, медицинских интерфейсов, технической документации.
Filled icon - плоские с заливкой, могут иметь небольшой gradient. Современный вид, баланс детализации и читаемости.
Isometric - трёхмерные иконки в изометрической проекции. Для инфографики, презентаций, лендингов.
Vector illustration - сложные иллюстрации с несколькими слоями. Для editorial, обложек, hero-секций.
Sticker - иллюстрации с белой обводкой, выглядят как стикеры. Для мессенджеров, gamification.
Правило выбора: если иконка будет использоваться на размерах 16-48px - flat или line art. Если на 96px и больше - filled или isometric. Для маркетинговых материалов - vector illustration или sticker.
Пакетная генерация иконок
Recraft поддерживает генерацию набора иконок одним промптом. Модель понимает запрос на несколько связанных объектов:
Промпт: A set of 6 UI icons: home, settings, profile, search, notifications, logout, minimal flat style, consistent line weight 2px, 24x24 grid
Модель создаёт 6 иконок в едином стиле с согласованным весом линий. Это принципиальное преимущество перед поштучной генерацией: иконки из разных генераций могут иметь разный вес линий и пропорции.
Для крупных наборов (48-200 иконок): генерировать блоками по 6-12 иконок с одинаковым промптом стиля. Добавлять в каждый блок consistent with previous set, same line weight and style для связности серии.
Разберём на примере финтех-приложения (это пример, а не реальный кейс автора):
A set of 8 finance app icons: wallet, credit card, bank transfer, savings goal, chart growing, invoice, cryptocurrency, exchange rate. Filled flat style, blue palette #2563EB, rounded corners, 32x32 grid
Весь набор - одна генерация, одна стоимость.
Редактирование и консистентность
Brand Style Lock - функция, которая «замораживает» стиль после создания первого набора. Следующие генерации автоматически применяют тот же визуальный язык. Работает через встроенный аналог --sref.
Загрузка референса: кнопка «Add reference image» принимает PNG/SVG/JPG. Модель анализирует стиль, вес линий, цвета, пропорции и применяет их к новым генерациям.
Переиспользование палитры: в Color Settings сохраняем hex-коды. Palette Lock заставляет Recraft использовать только их. Для дизайн-системы с жёсткими гайдлайнами это критично.
Консистентность в серии: если нужно 50 иконок, разобьём на 9 блоков по 6 с одним промптом стиля. После каждого блока проверяем: одинаковый ли вес линий, не «плывёт» ли стиль. При отклонении добавляем успешный блок как референс.
Экспорт: SVG, PNG, PDF и интеграция с Figma
Кнопка Export - три формата:
SVG - основной формат. Скачиваем файл, открываем в Illustrator или Figma. В Illustrator: Object - Ungroup, видим отдельные paths для каждого элемента. В Figma: File - Import или простое перетаскивание файла.
PNG - растровый экспорт для использования в контекстах без SVG-поддержки (некоторые CMS, email-шаблоны). Экспортируем в 2x или 3x разрешении для Retina-дисплеев.
PDF - для печати и передачи в типографию. Пути сохраняются векторными.
Интеграция с Figma через официальный плагин Recraft (доступен в Figma Community). Плагин позволяет генерировать прямо внутри Figma без переключения браузера. Сгенерированные иконки сразу попадают во фрейм как vector frames.
Recraft API: автоматизация через Python
Recraft предоставляет REST API (интерфейс для программной генерации). Документация: recraft.ai/docs. Это пригодится, если у вас есть технический специалист или вы сами готовы запустить скрипт.
import requests
API_KEY = "your_recraft_api_key"
def generate_icon(prompt: str, style: str = "flat_icon") -> bytes:
response = requests.post(
"https://external.api.recraft.ai/v1/images/generations",
headers={"Authorization": f"Bearer {API_KEY}", "Content-Type": "application/json"},
json={
"prompt": prompt,
"style": style,
"n": 1,
"response_format": "url",
"size": "1024x1024"
}
)
data = response.json()
img_url = data["data"][0]["url"]
return requests.get(img_url).content
# Генерируем набор из 12 иконок
icons = [
"dashboard icon",
"user profile icon",
"settings gear icon",
"notifications bell icon",
"search magnifier icon",
"calendar icon",
"analytics chart icon",
"messages chat icon",
"help question mark icon",
"logout door icon",
"upload cloud icon",
"download icon"
]
for icon_name in icons:
prompt = f"{icon_name}, minimal flat design, consistent 2px line weight, blue color scheme"
svg_data = generate_icon(prompt, style="flat_icon")
filename = icon_name.replace(" ", "_") + ".png"
with open(filename, "wb") as f:
f.write(svg_data)
print(f"Generated: {filename}")
API полезен в автоматизации: при добавлении новой функции в приложение скрипт сам генерирует иконку по названию и добавляет в материалы.
Практика: 12 иконок для мобильного приложения
Задача: создать полный набор навигационных иконок для iOS/Android приложения.
Шаг 1: определяем стиль. Выбираем «Filled icon», задаём палитру: основной #1D4ED8 (синий), акцентный #F59E0B (оранжевый), нейтральный #6B7280 (серый).
Шаг 2: генерируем блоками по 6:
Блок 1: Home, Search, Explore, Cart, Favorites, Profile - filled icon set, rounded style, consistent 28x28 grid, blue tones
Блок 2: Notifications, Settings, Help, Logout, Filter, Sort - filled icon set, same style as previous, blue tones
Шаг 3: проверяем консистентность. Импортируем оба SVG в Figma, размещаем рядом. Если вес линий или пропорции разошлись, добавляем первый блок как Brand Reference и регенерируем второй.
Шаг 4: экспортируем в SVG, импортируем в Figma через плагин или перетаскивание, группируем по экранам.
Весь процесс занимает 30-45 минут. Альтернатива - нанять иллюстратора на 2-3 дня.
Частые вопросы
Правда ли что Recraft создаёт настоящий SVG с кривыми?
Да. В отличие от большинства конкурентов, Recraft V3 генерирует SVG нативно через специализированную архитектуру, а не через конвертацию растра. Открыв файл в Illustrator, видите нормальные bezier paths с якорными точками, которые можно редактировать. Проверить просто: открыть SVG в текстовом редакторе. Если видите <path d="M...C...Z"> с небольшим количеством точек - настоящий вектор. Если сотни точек и сложные кривые - это трассировка PNG.
Можно ли редактировать сгенерированный SVG в Figma или Illustrator?
Да, без ограничений. В Figma: импортировать SVG, выделить, нажать «Ungroup» или «Enter» для входа в группу. Каждый элемент иконки - отдельный vector frame. Можно менять цвет, толщину, добавлять эффекты. В Illustrator: File - Open или перетащить файл. Object - Ungroup дважды, потом можно выделять и редактировать отдельные paths.
Как добиться одинакового веса линий в наборе иконок?
Три способа: 1) Генерировать весь набор за один запрос через промпт «a set of N icons». 2) Использовать Brand Style Lock после первой удачной генерации. 3) Добавлять в промпт конкретное значение: «consistent 2px stroke weight» или «consistent 1.5px line weight, no fills». Третий способ самый надёжный. Конкретные числа лучше следуются, чем абстрактные описания стиля.
Есть ли бесплатный тариф и сколько генераций входит?
Бесплатный тариф: 50 генераций в день, включая SVG. Watermark на изображениях в бесплатном тарифе отсутствует для SVG. Платные тарифы: Starter ($12/мес) - 200/день + неограниченный downscale, Pro ($39/мес) - 1000/день + Brand Kit. Для знакомства с инструментом бесплатного тарифа достаточно.
Чем Recraft лучше Adobe Firefly для дизайнера?
Adobe Firefly создаёт растровые изображения, SVG только через дополнительную конвертацию. Recraft создаёт нативный SVG. Firefly лучше интегрирован в Photoshop и Illustrator через плагины. Recraft лучше для standalone генерации наборов иконок и логотипов. Для дизайнера с Creative Cloud Firefly удобнее в сценарии. Для разработчика, которому нужны SVG-материалы через API - Recraft.
Что дальше
Следующая тема: Ideogram 3.0 - рендеринг текста внутри изображений и создание постеров.
AI Компас (t.me/kosmoslab_ai) - канал для предпринимателей в РФ и СНГ, которые применяют AI в своём бизнесе без программиста. Разбираем инструменты и схемы - без курсов и теории.