什么是 blokdots?
blokdots 是一款无需编写代码即可构建交互式硬件原型的桌面应用。它让用户连接实体组件、实时查看数值、定义交互逻辑,并将原型导出或运行在板子上。
该产品旨在将硬件创意从探索阶段推进到可运行原型,且在一个工作流中完成。它支持实时组件监测、引导式连接设置、基于规则的简单逻辑,以及在 Pro 套餐中导出为 JavaScript 或 Arduino C++ 以便进一步开发。
主要功能
- 硬件数值实时控制:在原型完全搭建完成前实时显示组件数值,帮助用户在迭代过程中检查行为。
- 即插即用的硬件连接:无需手动排错或配置即可连接硬件,减少接线时的设置工作。
- 连接引导:提供逐步指引,告诉用户每个组件应插到哪里,对不太熟悉硬件接线的用户很有帮助。
- 无需编码的交互逻辑:支持基于触发的规则,例如 if-this-then-that 逻辑,以及带数值控制的输入到输出映射。
- 独立板子上传:Pro 用户可以将原型上传到板子上运行,无需电脑持续连接。
- 代码导出:Pro 用户可以将逻辑导出为 JavaScript 或 Arduino C++,以便在应用外继续开发。
- 设计工具连接:包含与 Figma、ProtoPie、ProtoPie Connect、Socket.IO、P5、网站和 Lovable 的连接,可将实体组件与数字原型联动。
如何使用 blokdots
典型工作流是先打开应用并连接实体组件。如果不确定每个部件该接到哪里,用户可以跟随内置连接指南,然后在测试设置时实时监控数值。
硬件连接完成后,用户可以通过触发规则或输入输出映射来定义交互逻辑。之后,他们可以在应用中测试原型,按需将其连接到设计工具或数字应用,并且在 Pro 套餐中,还可以把逻辑上传到板子或导出代码以继续开发。
使用场景
- 早期硬件概念测试:设计师和创客可在最终制作之前,先检查实体交互是否符合预期。
- 交互设计原型:团队可以将实体组件连接到 Figma 或 ProtoPie 原型,让数字设计响应硬件输入。
- 教育类硬件项目:学生可以在不从代码开始的情况下学习硬件交互和原型逻辑,准备好后再导出代码。
- 独立交互装置:Pro 用户可以把原型准备为直接在板子上运行,无需连接电脑。
- 连接设计与代码工作流:用户可以先在 blokdots 中使用无代码规则开始,然后在需要更定制的实现时导出为 JavaScript 或 Arduino C++。
常见问题
构建原型需要编码吗?
不需要。核心工作流是无代码的,使用简单的触发连接或输入输出映射。
blokdots 可以在没有电脑的情况下运行原型吗?
可以,Pro 套餐包含将原型上传到板子上,因此可以独立运行。
blokdots 可以导出代码吗?
可以,Pro 套餐支持导出为 JavaScript 和 Arduino C++。
它可以连接哪些设计工具?
页面提到 Figma、ProtoPie、ProtoPie Connect、Socket.IO、P5、网站和 Lovable。
blokdots 是免费的吗?
网站列出了一个用于了解硬件交互基础的免费 Basic 套餐,以及付费的 Education、Pro 和 Studio 套餐。
替代方案
- 手动 Arduino 开发:一种以代码为先的方法,可直接在 Arduino 中构建硬件交互,灵活性更高,但设置和编程工作更多。
- 通用无代码自动化工具:将事件和动作连接起来、但不专注于硬件的工具;它们可以处理逻辑,但并非围绕实体组件构建。
- 带硬件集成的原型设计工具:如 ProtoPie 之类的产品更适合交互式设计原型,当主要工作流仍停留在设计原型而非硬件优先应用中时会更合适。
- 自定义 Web 或基于 Socket.IO 的构建:对于熟悉开发的团队,自定义应用可以将硬件连接到 Web 体验,但相比 blokdots 需要更多实现工作。
替代品
FigPrompt
FigPrompt AI Figma 插件生成器:无需写代码,根据你的描述在数秒内生成可用于生产的插件逻辑。
MakerLoft
MakerLoft 面向非开发者的 AI 应用搭建工具:连接 GitHub 仓库生成可运行应用,内置认证、支付、文件上传、定时任务与管理面板。
Rork
Rork 可将你的文字描述用 AI 转为完整可投入开发的移动应用,基于 Expo(React Native),帮助更快从想法到可用App。
Ably Chat
Ably Chat 提供聊天 API 和 SDK,用于自定义实时聊天应用:支持反应、在线/房间状态及消息编辑/删除,面向高并发场景。
Make Real
使用 tldraw SDK 绘制 UI 并将其变为现实。
AakarDev AI
AakarDev AI 是一个强大的平台,通过无缝的向量数据库集成简化 AI 应用程序的开发,实现快速部署和可扩展性。