FlutterFlow AI

FlutterFlow AI是什么？

FlutterFlow AI是FlutterFlow可视化跨平台应用开发平台中的人工智能能力集合。它可以根据提示生成Flutter页面和组件，把界面截图或Figma设计转换成可编辑结构，也能把聊天、图像、语音和视频模型作为AI Agent接入用户自己的应用。

FlutterFlow生成的是Flutter项目，可面向iOS、Android、Web和桌面端。AI负责加快界面与功能搭建，用户仍可在可视化编辑器中调整Widget、状态、动作、API、数据库和自定义代码，并在付费方案中导出源码继续开发。

Prompt to Page提示生成页面

用户可以描述页面用途、结构、风格和主要元素，由AI生成完整页面。它适合快速制作登录、首页、商品详情、设置、仪表盘和表单等常见屏幕，生成后可继续在Widget Tree和属性面板中修改。

提示最好写明目标平台、导航方式、数据状态、空状态和错误状态。AI生成的是初始实现，复杂业务仍需配置动作、后端查询和状态管理。

Prompt to Component生成组件

Prompt to Component用于生成可复用的FlutterFlow组件，例如商品卡片、用户资料块、统计面板和自定义导航。组件可以放到多个页面，并通过参数接收文字、图片、状态和回调。

应优先把重复结构做成组件，而不是每个页面单独生成。组件参数、响应式约束和空值处理需要人工检查，避免后续修改无法同步。

Image to Component图片转组件

用户可以上传界面截图、线框图或布局草图，AI分析视觉层级并生成相近的FlutterFlow组件。它适合把参考图快速转成可编辑Widget结构，而不是只得到一张无法交互的图片。

截图无法表达真实数据、交互、可访问性和不同屏幕尺寸。生成后要重建导航、点击动作、动态内容和响应式布局，也要避免照搬受版权保护的设计。

Figma导入

FlutterFlow可以从Figma主题和Frame生成页面或组件，颜色会映射到FlutterFlow主题，相关素材也可导入。当前Business方案包含更完整的Figma Frame Import额度，其他方案的导入范围需按价格表判断。

设计文件应先整理Auto Layout、图层名称、组件和字体。结构混乱的Figma页面会导致生成大量绝对定位或难维护的Widget。

FlutterFlow Designer

FlutterFlow Designer是面向界面探索和设计交接的独立设计体验，可通过自然语言生成和修改Frame，再交回FlutterFlow项目、PNG或代理可读提示。它还能连接Claude、Gemini、Codex和部分IDE。

Designer中的视觉稿与可运行应用不是同一阶段。交接后仍需配置数据、逻辑、导航和测试，不能把漂亮的Frame当成已经完成的产品。

可视化Flutter开发

平台提供Widget树、属性面板、主题、响应式断点、动画和动作流，用户可以不手写大部分Dart代码搭建应用。AI生成结果会进入同一编辑环境，因此能继续精细修改。

可视化开发不代表无需理解应用逻辑。大型项目仍要规划状态边界、数据模型、组件复用、错误处理和性能。

Firebase与Supabase

FlutterFlow可连接Firebase和Supabase，配置用户认证、数据库查询、存储和后端能力。AI生成页面可以绑定真实数据，并通过动作流完成新增、修改、删除和筛选。

数据库安全规则必须在服务端设置。只在页面隐藏管理按钮无法阻止越权访问，生产项目要分别测试匿名用户、普通用户和管理员权限。

API与OpenAPI导入

用户可以配置REST API，把参数、请求头、响应字段映射到FlutterFlow变量和页面。Growth及以上支持Swagger或OpenAPI导入，适合快速接入已有后端。

密钥不应直接嵌入客户端。需要保密的调用应通过Cloud Functions或自有服务端代理，并设置超时、重试和错误提示。

AI Agent Builder

AI Agent Builder允许用户在FlutterFlow内创建可配置的AI服务，再从应用动作中调用。当前支持OpenAI、Google、Anthropic和ElevenLabs等提供商方向，可构建聊天、图像生成、文本转语音、语音转文字和视频生成体验。

Basic可创建1个AI Agent，Growth和更高方案可创建不限数量。模型供应商的API费用、速率限制和内容政策通常独立于FlutterFlow订阅。

GenUI动态生成界面

GenUI Chat是FlutterFlow对A2UI协议的实现。开发者可以规定AI允许渲染的组件目录和可调用的Action Blocks，让代理以结构化方式生成原生可交互界面，而不是执行任意代码。

可用组件和工具必须采用允许列表。涉及支付、删除、外部消息或敏感数据的Action Block应增加确认和服务端授权。

外部AI编码代理

FlutterFlow可让Claude Code、Gemini CLI或Codex等外部代理读取项目上下文、生成修改、运行测试并通过项目绑定工具把变化推回可视化编辑器。桌面端还提供AI Agent入口来检查和配置所需CLI。

编码代理可能同时修改多项资源。运行前应确认目标项目和分支，限制修改范围，并在推送前审查差异和测试结果。

CLI与MCP

新的FlutterFlow AI工作流通过CLI和项目级MCP支持代理创建或编辑应用。CLI也能导出项目源码、选择分支和部署Firebase；API令牌只对有效订阅用户开放。

令牌应保存到环境变量或受保护的凭据文件，不能写入仓库、提示或截图。MCP具备项目写入能力时，应保留人工批准和分支隔离。

自定义代码

FlutterFlow支持Custom Functions、Custom Actions、Custom Widgets、自定义类和第三方Dart包，用于实现可视化动作无法覆盖的功能。Growth及以上还提供VS Code扩展，方便下载、编辑和推送支持范围内的自定义代码。

自定义代码会增加升级和生成冲突风险。应只在稳定边界扩展，记录依赖版本，并在FlutterFlow重新生成后运行完整测试。

源码与APK下载

Basic及以上可以下载Flutter项目源码和APK，在本地Flutter环境运行或自行部署。代码导出使团队可以接入原生插件、独立CI和应用商店发布流程。

导出代码不意味着所有云服务都随源码提供。Firebase、Supabase、第三方API、密钥、商店证书和平台账号需要单独配置。

GitHub集成

Growth及以上支持Push to GitHub。FlutterFlow会把生成变化推到名为flutterflow的分支，官方建议不要直接在该分支手改，因为下一次推送可能覆盖变化；自定义修改应放在独立分支并按官方合并流程处理。

GitHub集成不是任意方向无冲突的实时双向同步。团队需要约定生成分支、开发分支和合并策略，避免设计器更新覆盖本地代码。

分支与实时协作

Free和Basic只有主分支且主要面向单人；Growth支持2名编辑者和每项目2个额外开放分支；Business支持最多5名编辑者和5个额外开放分支，并可购买更多项目协作者。

多人协作应按功能拆分分支，并避免同时修改相同页面或数据结构。合并后要重新运行生成、构建和集成测试。

自动化测试与Test Pilot

Growth可为每个项目配置1个自动化测试，Business最多3个。Test Pilot用于辅助创建和运行测试，覆盖用户操作和关键流程。

少量端到端测试不能替代单元测试、接口测试、权限测试和真实设备测试。登录、支付、离线、推送和深链接应重点验证。

一键本地化

Growth及以上提供One-Click Localization，可以为应用增加多语言内容。AI翻译能加快初稿，但语言长度、复数、日期、币种和文化表达仍要审核。

应用商店文案、隐私说明和法律条款不应只使用未经校对的机器翻译。

Web发布与自定义域名

Free可以发布Web应用，Basic增加自定义域名发布。移动应用则可下载APK、生成源码，并使用一键商店部署方向的工作流。

商店审核、开发者账号、签名证书、隐私清单和内购政策仍由苹果与Google决定，一键部署不代表自动通过审核。

Free免费版

Free为0美元，可使用可视化环境、模板、API和数据集成以及Web发布，最多创建2个项目。当前含10个Lite credits，AI Generation为终身5次请求。

免费版不能下载完整源码或APK，也没有GitHub推送和多人协作，适合学习与验证小型原型。

Basic价格

Basic月付39美元，提供无限项目、源码下载、APK下载、自定义域名、真机测试和一键应用商店部署，含每月100个Lite credits和50次AI Generation请求，并可创建1个AI Agent。

年付页面标注整体约节省25%，实际结算可能受税费和地区影响。

Growth价格

Growth月付首席位80美元、第二席位55美元，包含Basic功能，并增加GitHub集成、2人实时协作、每项目2个额外开放分支、一键本地化、OpenAPI导入和VS Code扩展。每席位每月含200个Lite credits，AI Generation为每月200次。

需要本地开发与团队协作的项目通常从Growth起评估。额外协作者、模型API和后端服务费用另计。

Business价格

Business月付首席位150美元，第2至第5席位各85美元，支持最多5名编辑者、5个额外开放分支、每项目最多3个自动化测试、Figma Frame Import、自定义排版预设和CLI。每席位每月含400个Lite credits，AI Generation为每月500次。

Business适合较复杂团队，但仍要根据席位数计算总价，不能把150美元理解为五人打包价。

Enterprise与教育方案

Enterprise按组织需求报价，面向安全、规模、采购和支持要求更高的客户。FlutterFlow也提供教育相关方案，资格与权益以当前申请页面为准。

企业评估应询问单点登录、审计、数据处理、支持响应、私有依赖、构建流程和可用额度。

AI Generation与Lite credits区别

价格表把AI Generation请求数和Lite credits分别列出。前者用于平台内的AI界面生成等操作，后者用于FlutterFlow Lite相关AI代理工作流；两种额度不能简单视为同一余额。

不同AI功能的消耗会调整，实际剩余额度和重置规则应查看账户用量页面。

第三方模型和云服务费用

OpenAI、Anthropic、Google、ElevenLabs、Firebase、Supabase以及应用商店账号可能独立收费。FlutterFlow套餐购买的是构建平台与相应额度，不包含所有外部调用无限使用。

AI应用应为模型调用设置预算、速率限制、内容审核和失败降级，避免最终用户产生不可控费用。

官方GitHub与开源状态

FlutterFlow核心可视化编辑器和托管服务不是开源产品。官方GitHub公开了flutterflow-cli、flutterflow-ui、VS Code Extension、文档、示例和Codex插件等项目，其中CLI和部分工具采用BSD 3-Clause等许可证。

公开工具并不代表FlutterFlow整个平台开源。用户可以导出自己项目的Flutter源码，但无法自行部署完整的FlutterFlow编辑器服务。

适合哪些用户？

• 希望快速开发iOS、Android和Web应用的创业者；
• 熟悉产品和设计但不想从零手写Flutter的团队；
• 需要把Figma或截图转成可编辑界面的设计师；
• 需要Firebase、Supabase和API集成的应用开发者；
• 希望在应用中加入聊天、图像、语音或视频AI的团队；
• 需要源码、GitHub、CLI和外部编码代理的专业开发者。

产品优势

• AI生成结果可直接进入Flutter可视化编辑器；
• 支持移动、Web和桌面多平台；
• 覆盖页面、组件、截图、Figma和AI Agent；
• 可导出标准Flutter源码并连接GitHub；
• 具备API、数据库、自定义代码和测试能力；
• 支持CLI、MCP、Codex等外部AI代理工作流。

限制与注意事项

免费版限制项目数且不能导出完整源码。团队协作、GitHub、CLI和高级Figma导入分布在不同付费层级，模型与后端费用还要另算。

AI生成界面不等于业务完成。数据权限、状态管理、原生插件、性能、应用商店合规和真实设备测试仍需要开发经验。

常见问题

FlutterFlow AI免费吗？

有免费版，可创建2个项目，含10个Lite credits和终身5次AI Generation请求，但源码、APK下载和GitHub需要付费。

FlutterFlow能生成Flutter源码吗？

可以。Basic及以上允许下载项目源码，Growth及以上支持推送到GitHub。

FlutterFlow AI能生成完整App吗？

可以生成页面、组件和应用骨架，并连接数据库、API与AI Agent；复杂逻辑、安全和商店发布仍需人工配置与测试。

FlutterFlow多少钱？

月付Basic 39美元；Growth首席位80美元、第二席位55美元；Business首席位150美元、第2至第5席位各85美元。年付约节省25%。

FlutterFlow支持Codex吗？

支持。官方提供面向Codex的插件和CLI/MCP工作流，可用自然语言创建或编辑项目，但需要有效订阅和API令牌。

FlutterFlow开源吗？

核心平台不开源。官方CLI、UI辅助包、扩展和插件等部分项目公开源代码，用户也可在付费方案中导出自己的Flutter项目。