IFTTT, mapping, code export, and Figma integration. No matter what your skill level is, blokdots helps you to create your prototype.
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!
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.
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.
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!
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!
Sometimes hardware components are not enough. Virtual components help you to give your project a little bit of logic. Read about their functionalities to understand when to use them best.
// ---- 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();
}
}
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!