Photo on Unsplash
Designing Stunning Displays with the Canvas Editor
Showcel's canvas editor is the heart of the product. It's a drag-and-drop layout tool that thinks in real pixels, lets you mix images, video, text and live widgets in one composition, and outputs exactly what shows on your screen. Here's how to get more out of it than the obvious clicks.
Think in zones, not slides
A common first instinct is to design one full-screen image per slide, then rotate them. That works, but it wastes the canvas. The better mental model: divide the screen into 2-4 zones, give each zone a different content type that updates at a different cadence.
A typical menu board: 70% main zone with rotating featured items, 20% sidebar with weather + clock + WiFi info (almost never changes), 10% footer with brand mark (never changes). Now you only edit the 70% — the rest takes care of itself.
Use the snap grid, but disable it for fine work
Hold Alt (or Option on Mac) while dragging to disable snapping. Use this for the last 1-2 pixels of alignment. Default snapping (every 10 pixels) is right for blocking out a layout; fine-tuning needs sub-pixel control.
Lock background layers
After you've placed your background image and brand frame, click the lock icon next to those layers in the Layers panel. Now you can drag-select everything else without accidentally moving the foundation. This single habit prevents 80% of the "wait, I moved the wrong thing" frustrations.
Live widgets are first-class
Drag a weather, clock, news or web-embed widget onto the canvas like any other element. They size, rotate and stack with the rest. The trick: set the widget refresh rate explicitly — weather every 15 minutes, news every hour, clock every second. Default refresh is once an hour, which is too slow for clocks and too fast for some news feeds.
Brand templates save the most time
Once you've built a layout you like, save it as a template. Lock the brand colours, fonts and frame; mark the editable text and image slots. Now any team member can produce a brand-correct slide in 30 seconds without giving them design control.
This is what separates teams that produce one new piece of content per month from teams that produce one per day. The bottleneck isn't usually creativity — it's the friction of "is this on-brand?" review cycles. Templates kill the cycle.
Preview at the actual screen ratio
The editor defaults to 1920×1080 (16:9 landscape). If your screen is 9:16 portrait or 32:9 ultrawide menu wall, switch the canvas dimensions in Settings before you start designing. Designing in 16:9 and then squeezing into portrait wastes hours and looks wrong.
Where to take it next
Once you're comfortable with single-zone layouts, the next levels are: scheduling different layouts for different times, grouping screens to push the same layout to many at once, and using the playlist editor to mix layouts in a sequence. All of those build on the canvas — the canvas is where the design happens, the rest is automation around it.