我将带您逐步了解整个过程,从观看 AI 在三分钟内生成 1000 行代码,到在我甚至还没来得及测试登录界面就遇到运行时错误。您将看到 Thunkable 在哪些方面表现出色,在哪些方面彻底崩溃,以及对于您的具体用例而言,它的代币预算是否真值得投入。
什么是 Thunkable?
Thunkable 是一个无需编码的移动应用构建器,使用 AI 根据文本提示生成原生 iOS 和 Android 应用。
与依赖拖拽模块的传统无代码平台不同,Thunkable 的 AI 构建器生成实际的代码,包括 JavaScript 文件、组件结构和样式。
您可以实时观看 AI “思考”您的需求,将您的提示拆分为应用结构、设计风格、核心功能和数据模型,然后开始编写代码。这种透明度使它有别于那些隐藏技术细节的黑箱式 AI 构建器。
它解决了哪些问题?
- 节省从头开始的时间:构建具有身份验证、表单和数据管理的多屏应用,传统开发可能需要数天,而 AI 在几分钟内即可完成
- 无需设计技能也能获得专业移动 UI:AI 理解移动设计模式,生成的应用感觉像原生应用,而不是移动网站
- 为技术用户提供灵活性:与纯无代码工具不同,您可以访问底层 React Native 代码,开发者可以在 AI 生成的基础上进行自定义
定位:当 Bubble 专注于可视化编辑的 Web 应用,而 Flutterflow 面向想要 Flutter 代码的开发者时,Thunkable 则弥合了两者之间的差距。它对非技术创始人足够快速,用于原型设计;对开发者而言又可访问代码,拥有控制权。
Thunkable 适合谁?
Thunkable 最适合 具备一定技术能力的创作者,他们希望快速制作移动应用原型,并且不介意在出问题时进行故障排除或查看代码。它也非常适合:
- 验证移动优先想法的创业者:如果您正在构建市场、预订系统或服务门户,需要一个可在几小时内向投资者或早期用户展示的 iOS/Android 原型,Thunkable 能让您在数小时内从想法走向可测试的应用。
- 探索移动开发的 Python 开发者:您精通后端逻辑和 API,但学习 Swift 或 Kotlin 对于 MVP 来说过于繁琐。Thunkable 生成您可以阅读和修改的 React Native 代码,让您能快速制作移动界面,同时将后端技能集中用于 API 集成。
- 为内部工具构建移动应用的小型企业主:您可以只用自然语言描述工作流程,获得工作原型,并将其作为 Web 应用或原生移动应用部署,无需雇佣开发团队。
不太适合:期望零代码、零错误体验的非技术用户。AI 经常生成带有漏洞的代码,修复运行时错误要么要消耗大量代币“用 AI 修复”,要么需要自行编辑 JavaScript。
如果您不擅长故障排除或阅读代码,频繁的崩溃会让您很快感到沮丧。
Thunkable 优缺点
- AI 在 3 分钟内生成应用
- 生成过程中显示实时“思考”
- 默认干净、专业的移动 UI
- 接受详细的 300+ 字提示
- 可访问完整的 React Native 代码
- 每次 AI 迭代都有版本历史
- 可发布到 iOS、Android 或 Web
- 可下载构建文件(无平台锁定)
- 底部导航模式运行顺畅
- 可通过代码定制主题
- 服务请求表单正确呈现
- 集成选项:Airtable、Firebase、Google Sheets
- 代币系统防止 AI 成本失控
- AI 经常生成有漏洞的代码
- 自定义需要编辑代码
- 默认使用本地存储,而非云端
- 故障排除时代币成本累积
免费试用 Thunkable,在不到 5 分钟内观看 AI 将您的移动应用概念变成可运行的代码。无需 Swift、无需 Kotlin,只需您和一个文本框。
Thunkable 功能
- AI 根据提示生成 React Native 代码
- 支持带底部导航的多屏应用
- 用户身份验证与角色管理
- 带下拉菜单和验证的表单构建器
- 每次代码迭代都有版本控制
- 可发布到 iOS、Android 或 Web
- 集成:Airtable、Firebase、Google Sheets、Xano
- 下载 APK/AAB 文件以便部署
我的 Thunkable 亲身体验
这是我使用 Thunkable 构建服务请求门户的全过程记录。我希望构建一个包含用户登录、仪表板和工作数据库的完整系统。以下是每一次点击和每一次挫折的完整经过。
1. 开始:注册与第一印象
当我进入 Thunkable 首页时,最先映入眼帘的是一句极简主义的号召:“将您的想法转化为应用。”

屏幕中央有一个大大的白色文本框。下面有四个推荐类别帮助您入手:
- 活动策划
- 库存管理
- 旅行
- 冥想
我注意到,点击其中一个后,它会自动将示例描述填入提示框。

但我并不想要模板;我想看看 AI 是否能处理复杂、多层次的请求。
在我敲入任何字之前,我先创建了一个账户。我点击右上角的“注册”按钮。
弹出一个简洁的白色窗口,提供三种注册方式:
- 使用 Google 登录
- 使用 Apple 登录
- 使用邮箱注册

我输入邮箱地址,点击蓝色的“使用邮箱注册”按钮。Thunkable 在此阶段不使用密码。
他们采用“魔法链接”系统。我不得不离开本站,在新标签页打开邮箱,找到来自“The Thunkable Team”的邮件,并点击“确认”。最后跳回 Thunkable 仪表板。
登录后我注意到,界面非常简洁。没有“欢迎!让我们开始吧”的弹窗,没有教程视频,也没有恼人的聊天机器人招手。

我的想法:
注册很快,但我并不喜欢魔法链接,因为它会让人不断切换标签。不过界面真的很美观,没有成千上万的按钮或侧边栏,就只有一个大大的提示框盯着你,让完全不知道从哪里下手的人也觉得很亲切。
2. 我的第一个提示和字符限制
我返回主提示页面,输入项目细节。我想构建一个面向房主的“服务请求门户”。
这可不是简单的请求;我希望有完整的工作流程。我花了几分钟起草了一个非常具体的提示,看看 AI 是否能按我说的去做。

我还包括了两个表的详细数据结构:一个“服务表”和一个“用户表”,并定义了“客户”和“管理员”两个角色。
让我惊讶的是,文本框容量非常大。我粘贴了近 300 字的详细提示,系统没有截断我。
我没有看到字符计数或“最大长度”警告,它只是接受文本,等我确认。一旦我对提示满意,就点击了文本框底部的红色“生成应用”按钮。
我的感受:
这一阶段非常顺畅。感觉就像给自由职业者写简报。我喜欢能对数据列和下拉选项做高度自定义,而工具不会搞混。
相比那些只给你一行输入框的构建器,Thunkable 的大文本区真的鼓励你详细描述,让你从一开始就觉得自己在掌控设计。
3. 观看 AI 构建: “思考”阶段
一点击生成,屏幕变暗,出现状态信息:“正在分析您的请求”。
这是整个体验中最有趣的部分。Thunkable 不采用普通的加载旋转,而是向我展示 AI 的实时“思考”日志。

我看到 AI 将我的提示拆分为四大类:
- 应用结构:它决定采用“三屏底部导航”布局:主页、新请求和个人资料
- 设计风格:它记录了我要求的“主色蓝”和“专业”审美,并标注“清爽、现代界面”
- 核心功能:它列出了计划构建的组件,包括登录/注册系统、服务请求表单和带状态筛选的仪表板
- 数据结构:它确认正在创建两张表:users 和 service_requests,甚至列出了要创建的字段,如 id、service_type 和 status

分析完成后,界面切换到完整的代码编辑器。我看到 AI 逐字敲入 React Native 代码。

左侧侧边栏里一个个文件生成:App.js、theme.js、HomeScreen.js……我还能看到为 handleSubmit、fetchRequests 和 toggleStatus 编写的函数。
从点击“生成”到显示“完成”几乎花了整整三分钟。屏幕底部弹出一条小通知:“您的应用已生成!”,并出现一个蓝色“预览”按钮。
我的感想:
看到 AI 的“思考过程”令人难以置信。它让我有机会在它开始写代码前确认它是否真正理解了我的请求。
在一个“无代码”工具里,盯着 1000 行 JavaScript 代码也许很奇怪,但如果你想了解应用在底层如何运行,这种透明度反而很酷。它消除掉了 AI 黑箱的神秘感。
4. 初次预览:检查生成的应用
生成完成后,我点击“预览”按钮。屏幕右侧出现了一个手机模拟器。
第一印象是,这个应用看起来非常干净,感觉很“原生”。不像移动网站,恍若 App Store 上的真实应用。

以下是我看到的内容分解:
- 仪表板:第一屏是“服务请求”列表,有清晰的标题,以及顶部带四个选项卡的切换栏:全部、待处理、进行中和已完成
- 配色方案:完全按照我的要求,按钮为专业的深蓝色,背景采用柔和灰色,让白色卡片更突出
- 导航:屏幕底部有三个图标:请求、新请求和个人资料
- 整体风格:倾向于“专业”风格,字体清晰,元素间距均匀,采用标准移动 UI 模式,很熟悉
不过,仪表板是空的。它没有生成任何“示例数据”来展示列表中的请求,这让屏幕在没有我手动添加数据时显得有些空荡。
我的看法:设计完全符合要求,专业且以蓝色为主。它没有过度花哨,这对服务门户而言很合适。我对切换栏和导航的处理印象深刻,感觉非常流畅。
唯一小小的抱怨是:我希望它能生成一些假数据,这样开场就不会那么空洞,能增强“惊艳”效果。
5. 错误出现:故障排除循环
当我尝试真正与应用互动时,蜜月阶段结束。我点击“新请求”选项卡查看表单,结果模拟器上出现一个亮紫色的框,显示:
运行时错误:您的应用在运行时遇到错误。无法读取 null 的属性(读取 ‘id’),位于第 433 行,第 50 列。错误位置:’HomeScreen’ 屏幕。

我甚至还没动代码,应用就崩溃了。不过 Thunkable 似乎已对此做好准备。
错误框内有个大按钮:“用 AI 修复”。我点击它,AI 又进入“思考”模式。大约 45 秒后,它“重新分析”了代码并刷新了预览。

初次崩溃消失了,我终于能看到“新服务请求”表单。布局正符合我描述:
- 带有 Plumbing、Electrical 等选项的“服务类型”下拉菜单
- 用于描述的大文本区域
- 首选日期的日期选择器
- “紧急程度”下拉菜单
然后,我点击“个人资料”图标查看用户信息,第二次错误出现:
运行时错误:无法读取 null 的属性(读取 ‘name’),位于第 949 行,第 42 列。

我的想法:
这一阶段令人沮丧。AI 在设计上表现出色,但编程方面漏洞百出。它似乎在身份验证逻辑上出问题——在我登录或创建账户之前,就尝试获取用户的姓名或 ID,导致整个应用崩溃。
“用 AI 修复”按钮很强大,但为了查看三个不同的屏幕,我不得不使用它三次,这让人感觉应用还没“达到发布标准”。 Token 预算也在不断被消耗。
6. 代币和限制:构建成本
当我频繁点击“用 AI 修复”时,不禁好奇这要花多少钱。我进入账户设置,看到“代币”一栏。
在“免费计划”下,我看到自己初始有 1.2k 代币。每次 AI 生成新应用或修复代码时,都会消耗这些代币。 
我注意到,初始构建和两次“修复”后,我的代币数减少了约 250 个。

我对代币限制的看法:
这套系统公平合理,但会给人带来压力。每点击一次“用 AI 修复”,就像在花钱一样。要是 AI 自己生成的代码导致错误,修复却也要扣代币,那就更让人无奈了。
7. 设计定制:无代码 vs 高代码
我想看看能否在不借助 AI 的情况下更改设计。我点击“编辑”标签,原以为会出现类似标准 Thunkable 平台的拖拽编辑器,结果却只看到了代码。
对于这些 AI 生成的应用,“定制”意味着编辑 React Native 代码。
- 更改颜色:需要进入 theme.js 文件,将 #0000FF 等十六进制色值改为其他值
- 移动按钮:要调整类似 CSS 的 Flexbox 设置
- 添加组件:如果要新建按钮,就得手动在代码里敲一行

我的想法:
这让人大吃一惊。我本以为 AI 会生成一个基于模块的可视化应用,至少能让我在可视化界面里拖拽修改。
但它给我的是原始代码。Thunkable 的意思很明确:这个工具面向想要先起步、再深入编程的开发者,不是完全不想触碰代码的初学者。它功能强大,但对非技术用户来说难度陡增。
8. 数据与后端设置:我的数据在哪里?
我想查看数据是如何处理的。在代码中,我发现了这一行:
const storageStrategy = ‘all-local’;
深入查看,我发现应用使用了来自 ‘platform-hooks’ 的 useQuery 和 useMutation:
const { useQuery, useMutation } = require(‘platform-hooks’);
这让我一时摸不着头脑。服务请求看起来像是在使用查询和变异管理数据,但数据到底存储在哪里?是在设备本地?还是某个云数据库?
我的发现:
‘all-local’ 策略意味着数据仅存储在设备本地,而非真正的数据库。它本质上是一个高级的 localStorage,虽然看上去像在用数据库(有查询和变异),但实际上只是管理浏览器或手机的临时存储。
优点:代码结构已为对接真实后端做好准备。 useQuery 和 useMutation 模式正是与真正后端交互时所用。
缺点:并未连接到 Airtable、Firebase、Google Sheets 或任何云数据库。如果房主提交请求,水电工或管理员无从查看,因为数据只保存在发起设备上,一旦清除应用或换设备,数据即消失。
我在问“如何连接数据库?”时发生了什么?
我不确定如何连接真实数据库,便在原始提示框中输入此问题,想让 AI 解释流程或提供集成方案。

结果,AI 的“思考”日志里出现了有趣的一段:
“用户在问‘如何连接数据库?’这不是修改代码的请求,而是一个问题……但根据我的指令,我只能返回完整的更新后代码,不能提供解释。”
AI 被“编程”成只输出代码,而不做解释。所以它没有回答我的问题,而是把我的询问当成修改请求,花了 13.6 秒“思考”后又重新生成了一份几乎与旧版相同的代码。

它并没有改用云数据库,也没给我任何指南。AI 的日志甚至自己承认:
“正确的响应本应解释:1. 当前策略为‘local’(无数据库)2. 若要使用数据库,需迁移到‘all-local’策略(使用 platform-hooks 及 useQuery/useMutation)3. ‘all-supabase’策略(带云数据库和身份验证)即将在未来版本中上线。但我被指示只输出代码,不能多说。”
翻译过来就是:AI 知道我想要什么,却被限制只能输出代码。而云数据库集成功能尚未完全开放,所以上线只支持本地存储。
我对后端的看法:
AI 构建器默认采用本地优先策略,适合演示,却不适合生产级多用户应用。更让人沮丧的是:
- AI 未在一开始询问我想把数据存在哪里(Airtable?Firebase?Google Sheets?)。
- AI 不能解释其选择当我直接询问时。它只被允许输出代码,无法讨论架构决策。
- 代码看似已准备好对接数据库(有 useQuery 和 useMutation),但实际上只是对 localStorage 的封装。
Thunkable 文档指出,我可以将 storageStrategy 从 ‘all-local’ 切换到 ‘all-supabase’(使用云数据库和身份验证),但 AI 的思考日志暗示这功能“即将推出”,目前无法使用。
真正的问题:这是 AI 的限制,还是我需要在提示中更具体地说明?如果我一开始就说“将服务门户的数据存储到 Airtable”,AI 会处理吗?答案可能是“也许”,但 AI 应该主动询问我想要哪个数据库,而不是默默地用本地存储且不做说明。
9. 可用集成:连接各方
虽然 AI 没为我自动构建,我仍查看了平台,了解如果手动添加可以接入哪些集成。
我发现可以将应用连接到:
- Airtable:一个功能强大的云端数据库,具有电子表格界面,便于开发者和非技术管理员管理服务请求。
- Firebase:提供真实的用户身份验证和跨设备数据同步,立即解决“数据仅存一台设备”问题。
- Google Sheets:适合非技术人员使用的数据跟踪,物业管理者可直接在表格中查看所有服务请求。
- Xano:无需管理服务器的可扩展后端,适合需要无忧基础设施的应用。
- Backendless:可视化数据库和用户管理功能,是另一种无代码后端选项。
- Cloudinary:用于处理图像,例如房主上传破损管道照片时的存储。
- Webflow:与网站 CMS 同步,如果您在 Webflow 上有物业管理网站,可与应用共享服务请求。
- RevenueCat:用于应用内购买和订阅,如需对应用盈利化。
那么问题是:为什么 AI 没用它们?
我回顾了当我询问“如何连接数据库?”时的 AI 思考过程。
AI 知道有这些集成,它特别提到:
“要使用数据库,需迁移到 ‘all-local’ 策略(使用 platform-hooks 与 useQuery/useMutation)。’all-supabase’ 策略(带云数据库和身份验证)即将在未来版本中推出。”
这告诉我:
- 集成确实存在,但 AI 构建器对它们的访问受限。Thunkable 明显支持 Airtable、Firebase、Google Sheets 等,但 AI 构建器似乎只限于少数预设“存储策略”,如 ‘all-local’(设备存储)和 ‘all-supabase’(云数据库,尚未开放)。
- AI 缺乏对话式设置。我无法仅通过输入“将其连接到我的 Airtable”就让 AI 完成全部操作,而需手动按照 Thunkable 文档配置。
- AI 优先考虑速度而非定制。它默认选择最快最简单的本地存储,而没有在提示阶段询问“您想把数据存在哪里?”或“这个应用有多用户吗?”
我的想法:
潜力毋庸置疑,Thunkable 比我一开始想象的更强大。问题不在平台能否做到,而在于AI 构建器在提示阶段未主动提供这些选项。
我希望 AI 至少能问我:
“我注意到您在构建服务门户。您想将服务请求存储在哪里?
- 本地存储(速度快,支持离线,但数据仅存单设备)
- Airtable(云数据库,电子表格界面)
- Firebase(实时数据库,带用户身份验证)
- Google Sheets(简单、可共享的数据跟踪)
”
这一提问足以避免我构建一个“看似多用户但实际上只能单用户使用”的原型。
10. 版本控制:终极保障
一个让我印象深刻的功能是“版本历史”工具。点击顶部工具栏的小时钟图标,会打开一个侧边栏,列出 AI 每次生成的版本。

我看到时间线:
- 包含用户身份验证的服务请求门户(最初崩溃版本)
- “修复空引用错误”(第一次修复)
- “将数据库连接到应用”(尝试性修改)
我可以点击任意版本查看代码,甚至“一键恢复”到该版本。
这一点特别有用,当“用 AI 修复”反而让应用更糟或引入新崩溃时,能立即回滚。
我对版本控制的看法:
这是我在任何无代码或 AI 工具中见过最强大的版本控制。它给了我充分的安全感。即使让我大胆尝试风险修复,也能一键回到过去,让 AI 开发过程中充满不确定性的实验更显专业与可控。
11. 发布与部署:上线
当我觉得应用已足够完善时,查看“发布”选项。我在右上角看到一个大大的“发布”按钮。
点击后弹出菜单,有三种主要选择:
- 发布 iOS:开始将应用提交到 Apple App Store,需要 Apple 开发者账号
- 发布 Android:生成 APK 或 AAB 文件,用于 Google Play Store
- 发布 Web 应用:最有趣,可生成一个 URL,让用户无需下载即可在移动浏览器使用

还有一个“下载”按钮,可请求本地获取 Android 或 iOS 的构建文件。这一点至关重要,因为意味着您不会被 Thunkable 平台锁定,您真正拥有输出文件。
我对发布流程的看法:
流程直观便捷。他们没有把“Web 应用”选项隐藏在高价付费墙后,这点我很欣赏。您还能获得原始构建文件,感觉更像专业工具,而非业余爱好者的玩具。构建流程的收官非常顺畅。
体验总结
经过数小时的使用,我得到了一个可工作的服务请求门户原型。它包含登录界面、功能齐全的请求表单和按状态筛选的仪表板。
我的最终评价:
Thunkable 的 AI 构建器是快速制作移动应用原型的强大起点。它能在几分钟内可视化想法并搭建 UI 结构,而非耗费数天。
不过,它并非“魔法棒”。您会遇到错误,需要用代币修复,想要对接真实数据库还得看代码。
与其他工具相比,Thunkable 更像专业开发环境。它向您展示代码并提供修复手段。如果您是想为下一个项目抢占先机的技术偏好型创作者,这项技术令人印象深刻。
如果您期望“一键完美”且无需触碰代码的体验,频繁的运行时错误会让您失望。总体而言,它是无代码世界的一大进步。
Thunkable 定价与方案
Thunkable 提供四个定价级别,围绕 AI 代币限额、项目隐私和发布能力进行区分。
所有方案都包含 AI 代码生成器。区别在于您能构建多少内容以及发布去向。
| 方案 | 价格 | AI 代币 | 项目数量 | 应用商店发布 | 适合 |
|---|---|---|---|---|---|
| 免费 | $0 | 2,000 | 3 个公开项目 | 不支持 | 试用平台 |
| Accelerator | $19/月 | 20,000 | 5 个公开 + 1 个私有 | 不支持 | MVP 原型 |
| Builder | $59/月 | 50,000 | 无限公开 + 10 个私有 | 1 个活跃应用 | 首款应用上线 |
| Advanced | $189/月 | 100,000 | 项目无限制 | 应用无限制 | 代理商与产品套件 |
隐藏成本
您需要 Apple Developer($99/年) 和 Google Play($25 一次性) 账号才能发布应用。Thunkable 并未提前说明,但若要上架应用商店,这些费用不可避免。
付费方案的 AI 代币按月过期(按账单周期补充)。如果您在 Accelerator 方案中消耗了 3,000 个代币,下月将重置为 20,000 个。未使用代币不累计。
重要:若订阅到期,已发布的应用将无法被最终用户访问。这与 WordPress 不同,WordPress 网站在取消订阅后仍可访问;Thunkable 应用会下线,直至续费。
我的建议
如果您认真构建,建议从 Accelerator($19/月)方案开始。免费计划的 2,000 代币在调试时很快耗尽,且商业项目至少需要一个私有项目。
您可以在 Thunkable 中构建应用,然后使用生成的 React Native 代码手动连接到 Django 后端,只需在代码文件中编辑 API 端点即可。
Thunkable 替代方案
Thunkable 的 AI 驱动代码生成定位它为快速原型工具,但如果您追求像素级完美的移动 UI 和完整代码控制,FlutterFlow 是一个有力的替代。
| 功能 | Thunkable | FlutterFlow |
|---|---|---|
| 构建方式 | AI 根据提示生成代码 | 可视化拖拽 Flutter 组件 |
| 最佳用途 | 快速 AI 原型 | 像素级 UI 与开发者控制 |
| 代码访问 | 查看 React Native 代码,编辑受限 | 完全导出 Flutter 源代码 |
| 定制性 | 手动编辑代码或重新提示 AI | 170+ 预构建组件 + 自定义代码 |
| 后端 | 默认本地存储,云端受限 | 原生 Firebase 集成,自定义 API |
| 学习曲线 | 提示简单,调试困难 | 更陡峭(需掌握 Flutter 概念) |
| 起步价格 | $19/月(Accelerator) | $15.60/月(Basic) |
| 应用商店发布 | $59/月(Builder 方案) | $15.60/月(Basic 方案) |
如果您:非技术创始人,想验证移动应用想法,能忍受偶尔的错误,追求从概念到可用原型的最快路径,请选择 Thunkable。
如果您:开发者,想探索移动开发,需可阅读、可导出代码,且追求 UI、动画和后端逻辑的精细控制,请选择 FlutterFlow。
Thunkable 最终评级
Thunkable 的 AI 构建器兑现了承诺:通过自然语言提示在几分钟内交付可运行的移动应用。
观看 AI 拆解需求并生成 React Native 代码的过程令人惊叹,版本控制系统让您可以无惧尝试。
但现实是:您会花更多时间修复 AI 生成的漏洞,而非开发功能。运行时错误频发,会不断消耗代币去“用 AI 修复”,修复往往又引入新问题。
但若您期望一键出成品且无需触碰代码,则会大失所望。

