Быстрый старт

Designer собирает готовый набор экранов по текстовому описанию: вы говорите, что нужно, выбираете стилевое направление, получаете макет и дальше правите его вручную или запросами к ИИ.

  1. Откройте Designer и щёлкните по строке запроса Describe your app.
  2. Опишите замысел приложения и нажмите Enter.
  3. Просмотрите варианты оформления и нажмите Use This Style на подходящем.
  4. Разберите готовые экраны на холсте.
  5. Правьте их запросами к ИИ или вручную — через свойства элементов.
  6. Выгрузите результат в FlutterFlow, в PNG или в запрос для агента.

Экраны генерируются за секунды, так что это скорее отправная точка, чем финальный макет: дальше его доводят.

Примеры запросов

Запросы пишутся на английском — вот несколько, которые можно попробовать.

Учёт личных финансов

Design a personal finance app that helps users track expenses and manage budgets. Show a dashboard with total balance, recent transactions, and spending categories. Include detailed views for transaction history and budget insights. Make the UI clean, modern, and easy to understand.

Экраны приложения для учёта личных финансов, собранные Designer

Тренировки

Create a fitness app with a home screen showing daily workouts, progress stats, and streaks. Include workout detail screens with exercises, sets, and timers. Make the design energetic, modern, and easy to follow.

Экраны приложения для тренировок, собранные Designer

Доставка еды

Design a food delivery app with a home screen showing nearby restaurants, categories, and featured items. Include restaurant detail pages, menu listings, and a checkout flow. Make the UI modern, colorful, and easy to navigate.

Экраны приложения для доставки еды, собранные Designer

перевод официальной документации FlutterFlow

обновлено

ESC