ArduinoStudio

Video tutorials

Learn ArduinoStudio, one short video at a time

11 tutorials in learning order, each with its steps written out under it. Everything up to Wi-Fi runs in the preview, so you can follow along before you plug in a board.

Open the appRead the written guide

Also on YouTube: the tutorials playlist and 21 one-minute feature videos.

Tutorial 1 · about 2 min

Start your first project

Sign in, open a template or an empty project, and find your way around the editor: the stage bar, the canvas and the Play button.

  1. Open app.arduinostudio.com and sign in with a free account. Your dashboard lists your projects. The live demo at app.arduinostudio.com/try needs no account.
  2. To start from a template, open Build something useful for your day on the dashboard, pick a project and click Create project + app.
  3. To start from scratch, click + New Project. The new project opens on Describe your project; click "or build it by hand — add a block" to skip the AI.
  4. The stage bar at the top has 1 Logic, 2 Wiring and 3 App. Every project has all three.
  5. Click the green Play button at the top right. With no board connected the project runs in the preview.
Read the written guide →

Tutorial 2 · about 3 min

Build logic with blocks and press Play

Chain blocks into a sequence, set each block’s pin and values, and run it in the preview before you plug anything in.

  1. Click 1 Logic in the stage bar. A sequence is one row of blocks that runs from left to right.
  2. Click the + at the end of a sequence. The Components tab has the parts (LED, Servo, Button and more); the Actions tab has Loop, Wait and Check.
  3. Click a block to open its settings, choose its Digital pin (sensors use Analog pin), set its values and click Save.
  4. Add a Wait between two blocks to give each step time on screen, for example 1000 ms.
  5. Click Play. The canvas shows Simulating without hardware and the blocks run in order. The same button turns into Stop.
Read the written guide →

Tutorial 3 · about 3 min

Repeat with Loops, decide with Checks

Repeat part of a sequence a set number of times, run a whole sequence forever, and let a sensor or a switch decide when the next blocks run.

  1. Add a Loop before the blocks you want to repeat. It shows as Start: set how many times it repeats.
  2. Add another Loop after those blocks and set its Type to End. Without an End, the loop repeats to the end of the sequence.
  3. To run a whole sequence again and again, right-click the start of the sequence (long-press on a touch screen) and turn on Infinity Loop.
  4. Add a Check right after a sensor or a Switch, and set If, To and Choose, for example If >, To %, Choose 50. The blocks after the Check run only while it is true.
  5. Click Play and change the input in the preview to watch the Check let the sequence through.
Read the written guide →

Tutorial 4 · about 3 min

Make an App: buttons, sliders, indicators

Design a control panel whose buttons run your Logic sequences, whose sliders set a pin and whose indicators light up from one.

  1. Click 3 App in the stage bar. The canvas becomes your control panel.
  2. Click Add element (the + in the elements panel), open Shapes and pick Button, Slider or Indicator.
  3. Select a button and, under Run on interaction, tick the sequences that run On click. For a slider or an indicator, choose its Pin: sliders offer only PWM (~) pins.
  4. Use the Desktop / Phone switch to see the panel at phone size.
  5. Click Play, then press your controls. Without a board the preview responds; with a board connected, the board does. Click Stop to edit again.
Read the written guide →

Tutorial 5 · about 3 min

Wire it up: diagram and EyeBuild check

See the breadboard circuit your blocks need, build it one wire at a time, then let EyeBuild compare a photo of your board with the diagram.

  1. Click 2 Wiring. The diagram is drawn from your blocks: each part, the pin it uses and every wire through the breadboard.
  2. Read the summary above the diagram: it lists each part and its pin, for example Servo → D9.
  3. Click Build it wire by wire to place each wire yourself, with a hint when you need one.
  4. Click Check my real board, then Start camera (or Check a photo). Lay the board flat in good light, then click Check my wiring. EyeBuild needs you to be signed in.
Read the written guide →

Tutorial 6 · about 3 min

Connect a board over USB

Plug in an Arduino Uno, Nano, Mega or an ESP32, install the firmware from the browser once, and run the same blocks on the real board.

  1. Use Chrome or Edge on a computer or Chromebook: they talk to the board over USB with nothing to install. On Firefox or Safari, use the Bridge desktop app.
  2. Connect the board with a USB data cable. A charge-only cable powers the board but never shows a port.
  3. Click the plug icon (Connections) in the toolbar, choose Cable (COM port), then Add a board…, and pick your board in the browser’s port list.
  4. A new board needs ArduinoStudio-FW once: click Upload ArduinoStudio-FW on an Uno, Nano or Mega, or Install ArduinoStudio-FW on an ESP32. Keep the cable in until it finishes.
  5. Click Play. The blocks that ran in the preview now run on your board.
Read the written guide →

Tutorial 7 · about 3 min

Put an ESP32 on Wi-Fi

After a one-time USB setup in Chrome or Edge, an ESP32 joins your Wi-Fi and your account, and runs your project with no cable. Only the blocks that run over USB direct run over Wi-Fi.

  1. Sign in, connect the ESP32 over USB and install ArduinoStudio-FW, as in Connect a board over USB.
  2. Click Set up Wi-Fi when the install finishes, or later open Connections and choose Wi-Fi.
  3. Pick your network under Networks nearby · 2.4 GHz and enter its password. The board is added to your account.
  4. Unplug it and power it from any USB charger or power bank. The app shows Back online over Wi-Fi when it reconnects.
  5. Open Connections, then My devices, and click Connect. Press Play and the project runs on the board over Wi-Fi.
Read the written guide →

Tutorial 8 · about 2 min

Use your App on your phone

Open your App stage as a page on your phone, connect your saved Wi-Fi board, and add the page to your home screen.

  1. In the App stage, click Open standalone app: that page is the one you use on your phone.
  2. On the phone, open app.arduinostudio.com, sign in with the same account and tap Open app under Continue where you left off.
  3. Tap Connections; the boards you set up are in My devices. Keep the board powered and the page open while you use it.
  4. Tap Use on my phone for the steps to add the page to your home screen.
  5. Tap Share app to send the link. People you share with can open the app and its preview, but never your board.
Read the written guide →

Tutorial 9 · about 3 min

Build and edit with the AI

Describe a project in words, review the plan the AI Builder proposes, and apply it. Nothing changes until you apply, and Undo takes it back in one step.

  1. In a new project, type what it should do under Describe your project and click Build it.
  2. Read Review this plan: the new blocks with their settings, changes to existing blocks and new controls for the App stage.
  3. Click Apply changes, or Discard to leave the project as it was.
  4. To change an existing project, click AI Builder beside the canvas and ask, for example “make the LED blink faster”.
  5. Undo on the latest applied change puts the whole change back in one step.
Read the written guide →

Tutorial 10 · about 2 min

See and edit the Arduino code

Open the Arduino sketch your blocks make, edit it with the blocks following along, and download it as an .ino file for the Arduino IDE.

  1. Click Dev mode beside the canvas, or the </> button in the editor toolbar. The Arduino code docks under the canvas.
  2. Select a block and its lines light up in the code; click a line and its block is selected.
  3. Change a value in the code, such as a pin or a wait time, and the block’s setting follows.
  4. Click Copy, or Download .ino to save a file named after your project and open it in the Arduino IDE.
Read the written guide →

Tutorial 11 · about 2 min

Share, remix and collaborate

Make a project public, share the link, and let people run it in the preview, or clone it to make their own version.

  1. Click the arrow on the project’s tab at the top of the window (Project settings) and choose Public. A Private project opens only for the people you invite.
  2. Click Share in the editor toolbar, then Copy Link, or send it straight to WhatsApp, Email and more.
  3. People who open the link see the project running in the preview; in 3 App its controls are live.
  4. To change someone else’s project, click Clone (or Edit this app in the App stage). The copy is yours to edit.
Read the written guide →

Feature videos

One feature, one minute

Each block and tool on its own: what it does and where it runs. Watch them all on YouTube.

Try it while you watch

The live demo needs no account and no board. When you want to save a project, sign up free.

Open the app