Руководство по FlutterFlow MCP | Новая функция

FlutterFlow Studio MCP позволяет использовать любой агент ИИ, Claude Code, Codex, Gemini CLI или Cursor, чтобы полностью контролировать разработку приложений FlutterFlow Studio. Вы можете визуально редактировать уже созданные проекты в FlutterFlow Studio, запускать совершенно новые приложения прямо из своего агента или переключаться между двумя режимами. В этом видео я подробно рассматриваю оба режима с нуля и делюсь множеством советов и скрытых приемов, которые помогут вам максимально эффективно их использовать. 👇 Вот что мы рассмотрим: Установка FlutterFlow CLI и настройка рабочего пространства Создание совершенно нового приложения с помощью вашего агента (мы создаём приложение для электронной коммерции баскетбольных кроссовок) Применение пользовательской системы дизайна в одном запросе Синхронизация вашего агента и визуального редактора FlutterFlow Studio Подключение существующего проекта FlutterFlow Studio к вашему агенту Добавление навигации, интеграций и коллекций @Firebase через запросы Использование селектора FlutterFlow AI для выбора конкретных виджетов Добавление пользовательских виджетов из pub.dev (демонстрация панорамного просмотра) Помощь вашему агенту в исправлении ошибок компоновки и выполнения Объединение FlutterFlow Studio MCP с другими MCP (демонстрация генерации схемы @Supabase) Работа над ветками функций с помощью вашего агента 🔗 Упомянутые ресурсы FlutterFlow CLI на pub.dev: https://pub.dev/packages/flutterflow_cli Документация FlutterFlow CLI: https://docs.flutterflow.io/flutterfl... Справочник по системе дизайна (каталог Designer MD): https://designdotmd.directory/ ⏱️ Разделы ниже 00:00 Введение — что открывает FlutterFlow MCP 00:19 Установка FlutterFlow CLI 00:43 Создание нового проекта и получение ключа API 01:37 Открытие рабочей области в вашем агенте (Claude) 01:54 Запрос Claude на сборку приложения электронной коммерции + системы дизайна 02:34 Визуальное редактирование в FlutterFlow + синхронизация изменений 03:09 Подключение существующего проекта FlutterFlow к вашему агенту 04:17 Запрос агенту на добавление навигации 04:56 Добавление интеграций (коллекции Firebase) (& схема) 05:13 Совет 1: Целенаправленные правки с помощью селектора FlutterFlow AI 05:38 Совет 2: Добавление пользовательских виджетов из pub.dev 05:57 Совет 3: Позволение агенту исправлять ошибки FlutterFlow 06:26 Совет 4: Объединение MCP (демонстрация схемы Supabase) 07:16 Совет 5: Работа над ветками функций 07:34 Заключение Готовы попробовать FlutterFlow самостоятельно? Начните создавать свое приложение сегодня с бесплатной пробной версией 👉 https://www.flutterflow.com Подписывайтесь на нас в Twitter 👉   / flutterflow   -------------- FlutterFlow — это визуальная платформа разработки для создания нативных приложений, объединяющая дизайн и разработку в одном инструменте. Благодаря функции перетаскивания вы можете создавать идеально проработанные пользовательские интерфейсы и легко подключать ваше приложение к данным в реальном времени через Firebase или API. Кроме того, вы можете добавлять расширенные функции, такие как push-уведомления, платежи, анимация и многое другое. Независимо от того, создаете ли вы собственные виджеты или пишете собственный код, FlutterFlow позволяет легко воплотить ваши идеи в жизнь.