离线优先 · Flutter 优先 · 桌面级低代码

把组件拖进画布、在属性面板里调样式与交互,右侧实时生成 Dart 代码。 完成后一键导出标准 Flutter 工程 —— Android / iOS / 桌面通用,无需云端,无需账号。

43内置组件
1,771自动化测试
129 MB交付体积
Live Builder

真的能用的迷你构建器

这不是录屏,也不是动图 —— 是跑在这个页面里的完整交互原型。拖组件进手机、拖节点摆位置、 拉角标改大小、改颜色文字,右边 Dart 代码实时生成。做完点「预览」,点按钮试试真的会跳页。

咔搭KaDa — 迷你构建器 LIVE
组件库 · 拖入画布
把左边的组件拖进手机,或点一下直接添加 · 拖节点摆位 · 拉右下角改大小 · Delete 删除
属性面板
生成的 Dart(实时)
01
Core Capabilities

不是「能跑通的演示」,是能长时间干活的 IDE

画布内核扎实之后,我们把所有跨领域能力全部接上:多页、撤销、剪贴板、诊断、连接器、真机调试。 底层早就存在、只有入口没接的那种「半接线」,在这里是零。

▦

43 个内置组件

基础 / 布局 / 页面 / 输入 / 导航 / 动作 / 浮层 / 内容 / 进度 / 动效十大分类。属性面板由组件定义自动生成,加组件只改一处。

registry
⌇

接线图:逻辑真的连起来

页面跳转、数据流、事件触发三类逻辑分色连线,可拖拽布线。所有连线都落到导出产物里,不是画在图上的装饰。

wiring
⇋

画布 ↔ 代码互相修正

画布选中按 F2 跳到代码;代码里点 Widget,画布自动选中。两条入口共用同一条撤销栈与同一份 Schema。

F2
◈

编排动效,所见即所得

触发器 × 并行轨道(位移 / 缩放 / 透明度 / 颜色 / 旋转 / 模糊)。预览与导出共用同一套数值,不会「预览一个样、导出另一个样」。

motion
▯

真机 / 模拟器一键运行

选设备 → 构建 APK → 安装 → 启动 → 看日志,全在一个面板里。崩溃行自动挑出,启动状态由系统 Displayed 行判定,不用自己翻 575 行/秒的 logcat。

adb
▣

手改代码不被覆盖

你接管过的文件再次导出会被保留,新版存到 .vab/conflicts 供对比合并;lib/widgets/ 永远是你的地盘。

dual-mode
▤

多页 + 路由表

页签管理、起始页设置、环形切页。新建页面没有入口时,连接器会提醒你「这个页面从起始页走不到」。

pages
◐

Material 3 双主题

品牌紫 #6750a4,明暗双主题一键切换,代码区配色与界面同源。视觉令牌全站唯一来源,禁裸色值。

M3
⊞

插件 + 能力授权

每插件独立 ClassLoader,危险能力默认拒绝、面板里显式授权、下次启动生效。装了什么、批了什么,一眼看得见。

plugins
02
How it works

四步,从空白到能跑的应用

唯一链路:拖拽组件 → 生成 Schema → 生成 Flutter 工程 → flutter run 成功。中间没有魔法,每一步都可验证。

拖拽组件

从组件库拖进画布,落点坐标直接写进 Schema。自动吸附参考线、八向缩放、框选多选。

Schema 是唯一真相源

画布、组件树、属性面板、代码区全部读写同一份 Schema。revision 单调递增,冲突自动重拉。

生成标准工程

生成 lib/、pubspec.yaml、assets/;本机有 Flutter 时自动补齐 android/ios。

flutter run

产物是标准 Flutter 工程,不依赖咔搭KaDa 本身。随包附带一份行为测试,验证「点了真的跳」。

03
Wiring

像接电线一样,把逻辑连起来

选一种逻辑类型,点源元素,点目标 —— 右侧立刻显示它将生成什么 Dart 代码。三种逻辑,三种颜色,一条都不落空。

① 逻辑类型:
按钮「去设置」
设置页
页面跳转 navigate 数据流 data 事件触发 event 断线 dangling
04
One-click Run

点一下「一键运行」,看它替你做完每一步

这是软件里调试面板的真实编排:选设备 → 构建 APK → 安装 → 启动 → 开日志。 每一步都有理由,构建可能要几分钟,所以软件会把每一步摆出来,而不是只转一个圈。

05
Export

导出不是一个「成功」二字

进度、阶段、写入了几个文件、保留了你哪几处手改、资源有没有缺 —— 全部摊开给你看。 缺图和工程跑不起来是两件不同的事,处置方式也不同。

点左边按钮,看一次完整导出长什么样。
等待0%
06
Documentation

文档不是附赠品,是产品的一半

规则、Schema 规范、生成器规范、验收手册、插件作者指南 —— 全都带版本号与状态, 而且有门禁盯着「文档说的和代码做的是否一致」。搜一个试试。

07
Quality

「构建成功」不等于「功能接入」,更不等于「对用户可用」

这个项目用四层验证链把每一条声明钉死:单元断言 → 金标准哈希 → 真实 Dart 分析器 → 真实 Flutter 引擎行为测试。

933后端测试通过 · 0 失败
837前端测试通过 · 0 失败
35E2E 真进程真 HTTP 全过
0dart analyze 错误(43 组件全过)
6/6flutter test 行为验证
0.4s宿主就绪(AppCDS 生效)
359KB首屏体积(Monaco 懒加载,-89%)
零运行期外部网络连接
⌗

金标准哈希护栏

没接线的工程,导出产物与引入新能力之前逐字节一致。新能力一律增量注入,绝不会污染干净产物 —— 这条由 SHA-256 断言守着。

⌖

真实工具链抓真 bug

历史上单元测试全绿时,真实分析器抓到过 2 个编译级 bug(BottomNavigationBarItem.label 类型错、Chip(selected:) 不存在)。从此改渲染器的验收标准是三条:单测绿 + 哈希不变 + 分析器 0 error。

08
FAQ

你可能会问

说明书已经写好,随时可以翻

十九章 + 三附录:从安装、三分钟跑通、界面地图、画布操作、接线、动效、代码区、导出、真机调试, 到快捷键速查、FAQ、架构与质量数据。与软件内「帮助 → 新手教程」同源。

打开软件说明书