Figma Draw — режим иллюстрации и векторного редактирования в Figma — получил самое значительное обновление в мае 2026 года. Основные функции: автолейаут работает прямо в режиме Draw (без переключения в Design), текст по контуру теперь встроенный (без плагинов), встроенные метки типов слоев упрощают навигацию, а расширенные элементы управления кистями и текстурами увеличивают выразительные возможности. В сочетании с функциями ИИ для изображений Figma, Draw эволюционирует от "векторного редактирования внутри UI инструмента" в полноценную среду иллюстрации.
Ключевой вывод
Figma Draw сокращает разрыв с специализированными инструментами иллюстрации. Автолейаут в Draw устраняет самое частое неудобство переключения режимов. Текст по контуру убирает необходимость в плагинах для типографики. А интеграция с ИИ (Make Image работает в режиме Draw) добавляет генеративные возможности, которых нет в чистых векторных инструментах. Для дизайнеров, которые создают иллюстрации наряду с UI работой, сохранение всего в Figma экономит значительное время на переключении между инструментами.
Что изменилось в Draw (май 2026)
| Функция | Что делает | Почему важно | До этого обновления |
|---|---|---|---|
| Автолейаут в Draw | Применение автолейаута без переключения в режим Design | Адаптивные иллюстрации без переключения режимов | Нужно было переключать режимы |
| Встроенные метки слоев | Типы компонентов/экземпляров/текста показаны в панели слоев | Упрощенная навигация в сложных файлах | Общие названия слоев |
| Текст по контуру | Добавление текста к контурам или создание текста по кругу | Изогнутый текст нативно (без плагинов) | Требовались плагины |
| Расширенное управление кистями | Больше опций давления, наклона и текстуры | Более выразительные рукописные стили | Ограниченные опции кистей |
| ИИ изображения в Draw | Make Image генерирует изображения прямо в режиме Draw | Референсные изображения вместе с векторной работой | Нужно было переключаться в Design |
Самое значимое изменение: автолейаут в Draw
До этого обновления создание адаптивных иллюстраций — иконок, которые правильно масштабируются, значков, которые адаптируются к длине текста, декоративных элементов, которые перестраиваются с контентом — требовало постоянного переключения между режимами Draw и Design. Draw для иллюстрационной работы, Design для адаптивного поведения, обратно в Draw для корректировок, обратно в Design для проверки адаптивности.
Теперь автолейаут работает внутри Draw. Создайте свою иллюстрацию, примените автолейаут, и адаптивное поведение станет частью того же рабочего процесса. Это звучит незначительно, но устраняет самую частую точку трения для дизайнеров, которые создают иллюстрации наряду с UI дизайном. Наборы иконок, точечные иллюстрации, основы анимированных элементов и декоративные компоненты — все получают преимущества.
Рабочий процесс ИИ + Draw
Самый интересный рабочий процесс сочетает генерацию ИИ с ручным уточнением в Draw:
Шаг 1: Используйте Make Image в режиме Draw для генерации референсной иллюстрации. Промпт: "Минималистичная линейная иллюстрация человека, работающего на ноутбуке, одинаковая толщина линий, фиолетово-синяя палитра."
Шаг 2: Используйте сгенерированное изображение как визуальный референсный слой (уменьшите непрозрачность до 20%).
Шаг 3: Обведите и доработайте, используя векторные инструменты Draw, добавляя свой специфический стиль, корректируя пропорции и включая руководящие принципы иллюстрации вашего бренда.
Шаг 4: Примените автолейаут для адаптивного поведения. Примените переменные для согласованных цветовых токенов. Результат: согласованная с брендом, адаптивная иллюстрация, которая началась с вдохновения ИИ, но имеет человеческое мастерство.
Это отражает более широкий паттерн рабочего процесса ИИ: ИИ генерирует отправную точку, люди добавляют суждение и мастерство. Design Agent делает это для UI экранов. Draw + Make Image делает это для иллюстраций. Принцип идентичен: ИИ решает проблему чистого холста, вы решаете вопрос качества.
Для лучших результатов Make Image структурируйте свои промпты с помощью фреймворка ICCSSE. "Иллюстрация" производит общий результат. "Минималистичная линейная иллюстрация человека, работающего на ноутбуке, одинаковая толщина линий 2px, ограниченная нашим брендовым фиолетовым (#7C3AED) и синим (#3B82F6), белый фон, центрированная композиция, без теней, подходящая для точечной иллюстрации 200×200px в SaaS панели управления" производит что-то пригодное для использования. Бесплатный оптимизатор промптов добавляет эту структуру автоматически.
📬 Получаете ценность от этого?
Одна практическая идея ИИ в неделю. Плюс бесплатный пакет промптов при подписке.
Подписаться бесплатно →Часто задаваемые вопросы
Заменяет ли Figma Draw Adobe Illustrator?
Для иллюстраций, связанных с UI (иконки, точечные иллюстрации, декоративные компоненты): все больше да. Для сложных готовых к печати иллюстраций, продвинутой типографики, профессионального векторного редактирования и иллюстрационной работы, существующей независимо от UI: Illustrator остается более способным. Draw догоняет в функциях, важных для продуктовых дизайнеров, но пока не является заменой иллюстрации общего назначения.
Может ли Design Agent создавать иллюстрации в Draw?
Design Agent работает с UI компонентами (фреймы, кнопки, текст, изображения), а не со свободной векторной иллюстрацией. Make Image генерирует растровые изображения, которые вы можете использовать как референсы в Draw. Для специфически ИИ-генерированных векторных иллюстраций лучше подходят специализированные инструменты вроде Recraft или генераторы специфически для SVG. Агент — это инструмент дизайна, а не иллюстрации.
Наконец-то текст по контуру встроенный? В других инструментах это было годы назад.
Да — и вы правы, отмечая, что это функция догоняющего характера, а не инновация. Illustrator, Sketch и даже Canva предлагали текст по контуру годами. Закрытие Figma этого разрыва не является прорывным; это устранение причины покидать Figma для простых типографических задач. Наличие этого нативно означает на одну зависимость от плагина меньше и на одно переключение контекста меньше.
Потребляют ли улучшения Draw кредиты ИИ?
Нет — автолейаут, текст по контуру, управление кистями и метки слоев являются стандартными функциями Figma, не работающими на ИИ. Только Make Image (инструмент генеративных изображений) потребляет кредиты ИИ. Традиционные инструменты рисования и векторные инструменты включены в базовую подписку без ограничений использования.
Должны ли иллюстраторы переключиться с Procreate или Illustrator на Figma Draw?
Пока нет для самостоятельной иллюстрационной работы. Draw лучше всего для иллюстраций, которые живут внутри продуктовых дизайнов — иконки, точечные иллюстрации, декоративные UI элементы. Для независимой иллюстрационной работы Procreate (iPad, ощущение натуральных материалов) и Illustrator (десктоп, максимальная векторная способность) остаются более способными. Преимущество Draw — интеграция рабочего процесса: все остается в Figma, использует токены вашей дизайн-системы и адаптивно автолейаутится.
Раскрытие информации: Некоторые ссылки в этой статье являются партнерскими ссылками. Мы рекомендуем только инструменты, которые лично тестировали и регулярно используем. Смотрите нашу полную политику раскрытия информации.