Skip to main content

See it live

The right half of Studio is a live preview of your actual LED panel. It updates every time you save, so you can see exactly what your sign will look like.

The panel​

Each page of your app is shown at true size, exactly what the LED sign displays, pixel for pixel:

Two live panel previews at true pixel size

Turn on Pixel grid (top of the preview) to see the individual pixels while you line things up.

Your app's settings​

If your app has inputs, they show up here as a form. Change a value and the panel updates as you type, so you can see how it looks with a different city, color, or number without editing any code:

The settings form with text, dropdown, color, and checkbox inputs

This is the same form people will fill in when they add your app, so it's a good way to check that every setting looks right.

Time travel​

Some apps change with the time, a countdown, a clock, a "good morning" message. Instead of waiting for the real clock, set any date and time and see how your app looks then:

The time-travel field, Now button, and pointer position readout

Type a date and time to jump to that moment, or click Now to snap back to the real time. Useful for checking a countdown's final day, or an "event is over" message.

Save it as an image​

Click Save PNG in the preview controls to download the current render as a crisp PNG, scaled up so it's easy to see and share. Each page saves as its own file. Handy for a README, a forum post, or showing someone before you publish.

Find a pixel​

Hovering the panel shows the exact x, y position under your mouse (top-right of the preview). Use it to find the coordinates for where you want to place something.

To place a picture without reading off numbers at all, drag it right on the panel with the Place image tool. See Working with images.