Медиа издательство
о дизайне приложений и интерфейсов

Figma Sites и Figma AI App Maker — конструкторы сайтов и приложений, что известно?

Фигма планирует запуск low code решений: Figma Sites — конструктор сайтов и AI App Maker — конструктор мобильных приложений. Вот, что известно к текущему моменту.

Похоже, Figma больше не хочет быть просто инструментом для дизайна интерфейсов. На горизонте замаячили две новые разработки — Figma Sites и Figma AI App Maker. Ни одна из них пока официально не анонсирована, но утечек, скриншотов и косвенных признаков уже столько, что не поверить сложно.

Инструмент Website в главном меню создания файла в Figma
Инструмент Website в главном меню создания файла в Figma

Разберём, что именно стало известно, на какие детали стоит обратить внимание, и как это может изменить рынок no-code и дизайн-инструментов.

Figma Sites: веб-сайт в один клик

На одном из утёкших скриншотов видно интерфейс, в котором прямо из Figma можно:

  • проектировать адаптивный макет под разные устройства,
  • использовать готовые блоки (тексты, изображения, карточки),
  • добавлять анимации и интерактив без кода,
  • публиковать сайт одной кнопкой — с настройками SEO, favicon и даже Google Analytics.
Предлположительно элементы конструктора сайта Figma Sites — скриншот от Jane Manchun Wong
Предлположительно элементы конструктора сайта Figma Sites — скриншот от Jane Manchun Wong

Верхний блок интерфейса гласит: «Создавай и публикуй в одном месте с Figma Sites. Проектируй адаптивно, используй готовые блоки, добавляй интерактив — и запускай в один клик.»

Пользователю предлагают пройти пошаговый onboarding:

  • Определить брейкпоинты (экраны под мобильные, планшеты и десктоп);
  • Быстро вставить готовые блоки на холст (видимо, библиотека компонентов);
  • Добавить кастомный код, если базовых фич не хватает;
  • Предпросмотреть сайт перед публикацией;
  • Нажать «Publish» и отправить сайт в продакшн.

Сбоку — список страниц проекта, а в настройках можно задать название сайта, описание, язык, код для аналитики и даже скрыть сайт от поисковиков. Всё — внутри интерфейса Figma. Похоже на Webflow и Framer, только встроено туда, где дизайнеру и так удобно.

Figma AI App Maker: «Опиши идею — получи интерфейс»

На втором скриншоте — другой, не менее амбициозный функционал.

Предлположительно элементы конструктора приложений Figma AI App Maker — скриншот от Jane Manchun Wong
Предлположительно элементы конструктора приложений Figma AI App Maker — скриншот от Jane Manchun Wong

Пользователю задают вопрос: «Что ты хочешь создать?», а в качестве вариантов уже предлагаются шаблоны: регистрация, дашборд, визуализация данных.

Ниже — поле, куда можно вставить готовый дизайн, изображение или просто описать идею словами. Например: «Приложение для построения привычек с напоминаниями». После этого достаточно нажать кнопку «Make it →», и система сгенерирует дизайн прямо в холсте.

Функция работает на основе нейросети Claude Sonnet от компании Anthropic, через платформу Supabase. Это значит, что дизайн будет строиться с учётом контекста, цели и смысла запроса — как если бы его делал дизайнер, только очень быстрый.

На скриншоте также виден выбор модели, поле для описания идеи и возможность начать с нуля или на основе уже существующего макета. Интерфейс минималистичный, в духе самого Figma.

Насколько это реально?

  • Функция «websites» замечена в главном меню редактора — указывает на возможную нативную интеграцию Figma Sites в интерфейс.
  • Утечки интерфейса совпадают с ранее обсуждаемыми функциями создания сайтов и CMS.
  • Плагин Figma To Website, который фактически реализует ту же идею, уже работает как плагин.
  • Известный исследователь Jane Manchun Wong обнаружила отдельный продукт Figma Sites, что усиливает доверие к информации.
  • Анонс не прозвучал на Figma Config 2024, но интерфейс UI3 (новый дизайн Figma) сейчас в бете — запуск может быть частью общего редизайна.

Что это меняет?

Если эти инструменты действительно появятся, Figma превращается в нечто большее, чем редактор — в полноценную платформу для создания цифровых продуктов от идеи до продакшна. Без экспорта, без переключений, без разработчиков на первом этапе.

Это грозит переопределить границы профессии UI/UX-дизайнера и встряхнуть рынок no-code решений. Ждём официальных анонсов, а пока — внимательно следим за утечками.

226
до конца из 
Похожие статьи
Lock Aspect Ratio в Figma: как работает и когда нужен

Меняешь размер элемента в Figma — картинка внутри фрейма растягивается? Значит, забыл про Lock Aspect Ratio. Эта функция фиксирует пропорции объекта. Полезно? Да. Нужно? Тоже да. Но иногда мешает. Разбираемся, как работает Lock Aspect Ratio, когда его включать, а когда лучше обойтись без него.

177
Как настроить Auto Layout в фигме: что это и как выровнять объекты в Figma

Auto Layout в Figma — это мощный инструмент, который позволяет быстро выравнивать элементы, создавать гибкие компоненты и автоматизировать дизайн. В этой статье мы разберём, как выровнять объекты в Figma, какие есть настройки автолейаута (Auto Layout) и как использовать его для создания адаптивных макетов.

149
75