Учебное пособие по FlutterFlow MCP | Новая функция

FlutterFlow MCP позволяет использовать любой агент ИИ, Claude Code, Codex, Gemini CLI или Cursor, чтобы полностью контролировать сборку ваших приложений FlutterFlow. Вы можете визуально редактировать уже созданные проекты в FlutterFlow, запускать совершенно новые приложения прямо из своего агента или переключаться между двумя режимами. В этом видео я подробно рассматриваю оба режима с нуля и делюсь множеством советов и скрытых приемов, которые помогут вам извлечь из них максимальную пользу. 👇 Вот что мы рассмотрим: Установка FlutterFlow CLI и настройка рабочего пространства Создание совершенно нового приложения с помощью вашего агента (мы создаём приложение для электронной коммерции баскетбольных кроссовок) Применение пользовательской системы дизайна в одном окне запроса Синхронизация вашего агента и визуального редактора FlutterFlow Подключение существующего проекта FlutterFlow к вашему агенту Добавление навигации, интеграций и коллекций @Firebase через окна запроса Использование селектора FlutterFlow AI для выбора конкретных виджетов Добавление пользовательских виджетов из pub.dev (демонстрация панорамного просмотра) Помощь вашему агенту в исправлении ошибок компоновки и выполнения Объединение FlutterFlow 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 Селектор ИИ 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 позволяет легко воплотить ваши идеи приложений в жизнь.