blokdots 3.0

Product Introduction

1. Definition: blokdots 3.0 is a visual hardware prototyping software and integrated development environment (IDE) designed for designers and non-coders. It is a no-code/low-code platform that enables the creation of interactive physical prototypes by connecting electronic components like sensors and actuators through a graphical, trigger-action interface.
2. Core Value Proposition: blokdots exists to democratize interactive hardware prototyping by eliminating the traditional barriers of coding, complex electronics setup, and firmware debugging. Its primary value is enabling designers, artists, and educators to rapidly build and test tangible, functional prototypes without needing to write Arduino C++ or JavaScript code, thereby bridging the gap between digital design tools and the physical world.

Main Features

1. Visual Logic Builder: The core of blokdots is its no-code interface where users create logic using "Cards." Each card defines a relationship between an input (trigger) and an output (action). Triggers can be events like "button is pressed" or continuous analog values. Actions can be discrete commands like "servo goes to position" or "LED toggles." This replaces traditional imperative programming with declarative rules.
2. Hardware Abstraction & Live Monitor: blokdots automatically handles low-level communication with microcontrollers (like Arduino Uno). It provides a real-time hardware monitor that displays live sensor data (e.g., potentiometer value) and output states, allowing for immediate testing and calibration without additional serial monitors. The connection guide assists with correct physical pin wiring.
3. Standalone Operation & Code Export: A key feature of version 3.0 is the ability to compile and upload the generated prototype logic directly to an Arduino board, allowing it to run without a connected computer. For further development, blokdots Pro can export the project as clean, well-commented C++ (for Arduino) or JavaScript (for Node.js with Johnny-Five), enabling handoff to engineers.
4. Design Tool Integration (Pro Feature): blokdots connects digital UI prototypes with hardware via dedicated bridges. The Figma Plugin allows mapping hardware inputs to Figma component properties. The ProtoPie Bridge enables bi-directional communication between blokdots hardware and high-fidelity ProtoPie prototypes. The Socket.IO Bridge offers a universal API to connect to web apps, p5.js sketches, or custom servers.

Problems Solved

1. Pain Point: The steep learning curve of embedded systems programming (C/C++), electronics, and IDE configuration (Arduino, platformio) prevents designers from quickly testing physical interaction concepts.
2. Target Audience: The primary users are UX/UI designers, interaction designers, product designers, design educators, and design students who need to create functional proof-of-concepts. Secondary users include artists, makers, and front-end developers looking for a faster way to integrate hardware with their digital projects.
3. Use Cases: Rapid prototyping of smart device interfaces (e.g., testing a physical dial for a volume control), creating interactive exhibits or installations, teaching fundamental concepts of physical computing in design schools, and building functional prototypes for user testing before engineering handoff.

Unique Advantages

1. Differentiation: Unlike generic visual programming tools (e.g., Scratch for Arduino) or low-level IDEs (Arduino IDE), blokdots is purpose-built for the designer's workflow. It offers deeper integration with design tools (Figma, ProtoPie) than competitors and provides a cleaner path from prototype to production code compared to one-off visual tools.
2. Key Innovation: The ground-up rebuild in version 3.0 with a proprietary C++ framework replaces the reliance on Firmata, a common but slower serial protocol. This innovation enables reliable standalone operation (upload to board) and generates higher-performance, more maintainable export code, setting it apart from tools that remain tethered to a computer or generate inefficient code.

Frequently Asked Questions (FAQ)

1. What is blokdots used for? blokdots is used for no-code hardware prototyping, allowing designers to build interactive physical prototypes with components like buttons, sensors, and motors without writing Arduino or JavaScript code, and to connect those prototypes to design tools like Figma.
2. Is blokdots free? blokdots offers a free Basic plan for exploring core features. Advanced capabilities like standalone upload, code export, and design tool integrations require a paid Pro, Education, or Studio subscription, which are billed annually.
3. How does blokdots work with Arduino? blokdots communicates with an Arduino board (like Uno) connected via USB. You can develop and test interactively, then use the "Upload to board" feature to compile and flash your project as a standalone C++ sketch, after which the Arduino runs independently.
4. Can I export code from blokdots? Yes, blokdots Pro can export your visual project logic as fully functional, commented Arduino C++ code or Node.js JavaScript code using the Johnny-Five library, providing a seamless transition for further engineering development.
5. Does blokdots work with Figma? Yes, with the blokdots Figma Plugin (a Pro feature), you can link physical sensor data (e.g., from a potentiometer) directly to control properties of components in your Figma prototype, creating integrated UI and hardware experiences.