blokdots

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 架構：對熟悉開發的團隊來說，自訂應用程式可將硬體連接到網頁體驗，但相較於 blokdots，需要更多實作工作。