меньше минуты чтения
Figma Make — это новая функция от компании Figma, которая сочетает искусственный интеллект и дизайн. Она позволяет вам сгенерировать рабочий прототип веб-страницы или приложения, просто написав текстовое описание. Работает эта функция на базе мощной искусственной модели Claude 3.7 Sonnet.
Figma Make официально стала доступна для всех пользователей в июле 2025 года — то есть теперь даже на бесплатных тарифах можно попробовать создавать дизайны на основе текстовых подсказок.
Как работает Figma Make: способы генерации дизайна?
В Figma Make можно создать дизайн тремя основными способами:
1. Текстовая подсказка + визуальный референс
Вы пишете, что хотите видеть, и добавляете пример экрана или изображение. Инструмент анализирует их и создает ваш дизайн, как вариант для вдохновения или начальной идеи.
2. Подробная текстовая подсказка
Если у вас есть точное представление, опишите:
- контекст (для чего страница),
- платформу (десктоп, веб),
- стиль (модерн, минимализм),
- компоненты UI (кнопки, формы, иконки).
Это помогает получить точный дизайн, как в примерах, которые показывает Figma.
3. Загрузка существующего файла Figma
Можно указать уже созданный дизайн в Figma — инструмент посмотрит его стиль, цвета, авторазметку, а затем по вашему усовершенствованному запросу изменит или дополнит его новыми элементами — и сохранится кодость, структура и визуальные атрибуты.
Преимущества Figma Make
- Использование стилей из Figma. Figma Make берет типографику, цвета, spacing, авторазметку и воспроизводит дизайн в виде практически точного прототипа веб-интерфейса Figma.
- Можно создавать интерактивный дизайн. Даже простые элементы, такие как кнопки с hover-эффектами или переходы, Figma Make умеет создавать. Еще сложнее — создание мини-приложений и 3D-проектов (например, фантастические игры).
- Подходит для любого члена команды. Не требует знаний в кодировании — просто опишите желаемое. После запуска сигнала — любой может дополнять или проверять прототип в Figma.
- Работает без разрыва: от дизайна до кода. Сохраняется вся информация: интерфейс, стиль, структура. Затем можно напрямую экспортировать или интегрировать с Figma Sites или Supabase для создания полноценного веб-приложения.
Ограничения и недостатки Figma Make
- Срезы в дизайне. Поскольку функция еще новая (выходит из бета-версии), иногда могут быть проблемы с контрастностью или стилем. Например, подпись может быть недостаточно контрастной — исправляется дальнейшей подсказкой ИИ Figma.
- Проблемы с памятью изменений. Если вы несколько раз обновляете дизайн через различные подсказки, предыдущие исправления могут быть перезаписаны инструментом. Например, вы сделали исправление цвета — а следующее изменение может снять эту правку Figma.
- Не полноценный мобильный дизайн. Попытки сгенерировать мобильную версию часто приводят к смешанному дизайну — что-то между мобильным и десктопным. В мобильной версии требуется дальнейшая настройка вручную.
Простыми словами для начинающих
Представьте, что вы пишете краткое описание:
«Создай современную страницу для wellness-сервиса: герой-секция с фото человека, кнопка «Начать», сдержанная палитра зеленого и белого цветов».
Figma Make обрабатывает это описание и создает реальный прототип в Figma — с картинкой, кнопками и стилями.
Затем вы можете сказать:
«Добавь анимацию при нажатии кнопки», «Сделай кнопки более ярким зеленым» — и дизайн изменится автоматически.
Можно добавить референс-изображение или уже существующий макет из Figma для более точного результата.
Кто может использовать Figma Make?
- Дизайнеры, которые хотят быстро тестировать идеи.
- Продуктовые менеджеры, которые объясняют идеи команде.
- Маркетологи и бизнесы — создание MVP без кодирования.
- Все, кто хочет от замысла перейти сразу к прототипу без ручного рисования или технологий.
Но помните:
- Нужно проверять дизайн после генерации.
- Мобильные версии могут потребовать ручной доработки.
- Еще есть недостатки (контрастность, память изменений).
FAQ
- Нужно уметь программировать? Нет. Figma Make работает полностью через текстовые подсказки и простой интерфейс.
- Можно ли дополнять дизайн вручную? Да, после генерации вы можете редактировать текст, изображения, отступы или переводить в код.
- Как сохранить структуру стилей? Инструмент автоматически учитывает стили из вашего файла Figma — цвета, шрифты, авто-layout
Если вам нужно быстро создать дизайн без длинных брифов, графических редакторов или знаний в верстке — Figma Make станет отличным помощником. Это идеальный инструмент для экспериментов, тестирования идей и быстрого запуска прототипов. Он еще не совершенен, но очень перспективен — особенно в командной работе.
А если вы только начинаете знакомство с миром ИТ и хотите понимать, как дизайн сочетается с программированием — вам будет интересно узнать 10 самых популярных языков программирования для начинающих 2025. Это поможет лучше понять, как создаются не только интерфейсы, но и то, что за ними «под капотом».
