Powerful prototyping for every level.
IFTTT, mapping, code export, and Figma integration. No matter what your skill level is, blokdots helps you to create your prototype.
If blokdots is used,
then magic will happen.
Create your prototype step by step. Just focus on what you are currently facing, by simply connecting components like sentences, just like the one below. Click on the colored boxes to see some options!
Try it out!
Press me
Control your GUI in Figma
Our new Figma plugin allows you to control your visual UI with hardware. Add all the elements you want and manipulate them like any other component.
Get the plugin
Prototype connected products, without writing a line of code, using blokdots and ProtoPie.
With blokdots and ProtoPie, you can connect an Arduino with your software prototype and control them in both directions. Like toggling an LED from your smartphone or controlling your GUI with a potentiometer.
Slide me
Many Components, One Wizard
It’s not always easy to figure out where to plug in a component. blokdots helps you to find the right slot easily, so you can just focus on your prototype.
The Live View a.k.a. the control centre of your hardware
You don’t know how a sensor behaves and want to test it before you know if you want to use it? No worries, the Live View lets you control all your components without even needing to set up a project. Just plug it in and start your experiments – it even comes with live visualisations!
Map components visually
Mapping the value of one component to that of another one can sometimes be hard to grasp. Mapping cards help you understand the relationships by using visual feedback. Try moving the sliders below to see how the components respond!
Control your prototype
Sometimes hardware components are not enough. Control components help you to give your project a little bit of logic. Read about their functionalities to understand when to use them best.
- Project
- Counter
- Timer
- Metronome
- Signal Tower
// ---- Setup the board ----
var five = require("johnny-five");
var board = new five.Board();
// -- Setup vars
var led;
// ---- IFTTT ----
// Project Start Signal
function ProjectStartSignalReaction() {
led.blink();
setTimeout(function() {
led.stop().off()
}, 5000)
}
// ---- Run ----
board.on('ready', function() {
// -- Setup components
led = new five.Led(2);
// -- Run reaction when project starts
// Project Start Signal
ProjectStartSignalReaction()
});
// ---- Stop ----
function stop() {
// Remove event listeners
if (led && led._events) {
led.removeAllListeners();
}
}
Go even further
— with code
Once blokdots limits are reached, you can seamlessly continue with your program by exporting the human-readable code. Using node js and johnny-five, just continue where you left off.
Get the app now and start prototyping immediately!