Create a design in the Designer

You create a design in Files: click New, choose New design, name the design, pick an orientation and a resolution, pick a template or Blank design, and click Create design. The Designer opens right away. From then on a design behaves like any other content item: send it to a screen, add it to a playlist or schedule it.

Create a design

  1. Go to Files and click New.
  2. Choose New design.
  3. Fill in Design name.
  4. Under Orientation, choose between Landscape and Portrait.
  5. Under Resolution, choose between Full HD (1920x1080) and 4K (3840x2160). Only pick 4K if your screens are 4K: 4K is more demanding to render on low-powered hardware.
  6. Pick a template from the grid, or choose Blank design. Use the search box and the filters to find one faster.
  7. Click Create design.

The New design option only appears in the menu on desktop, not on mobile.

Templates

The grid holds more than 250 professionally designed templates for 11 industries, among them hospitality, retail, healthcare, office, education and real estate. Every template comes in a landscape and a portrait version. Which one you get depends on the orientation you picked.

Search by name or keyword, filter by industry with the buttons above the grid, and use Filters to filter by use, goal, style, color, light or dark, and photo. A template opens with sample text and sample photos that you replace with your own. To switch templates later, use Templates in the left toolbar; if the canvas already has content, you are asked to confirm before it is overwritten.

See also Find a template.

Add elements

The left toolbar in the Designer holds:

  • Text: choose Heading, Subheading or Body. Each one picks up the matching brand font.
  • Shapes: Rectangle, Rounded rectangle, Circle, Triangle, Line and Arrow. Below them is a library with Waves, Torn edges, Blobs, Badges, Sparkles, Frames and Dividers.
  • Icons: thousands of icons in several weights, plus Pictograms. Search in your own language, for example "coffee", or browse by category. Every icon takes the color you choose.
  • QR: a QR code with its own colors and style.
  • Content: an image or video from your files, a stock photo or an upload from your computer.
  • Playlist: a playlist as an element inside the design.
  • Apps: eight app elements, namely Clock, Weather, Countdown, Notice Board, Ticker, News, Website and Stopwatch.
  • Brand: your logo (also in white, in black or in one of your brand colors), your brand colors and the text styles from your brand settings. Click a brand color to give it to the selected element. No brand set yet? Click Set up your brand.

Editing

  • Click an element to select it, drag to move it and pull the corners to resize it. The properties of the selected element sit in the panel on the right. You can fold that panel in to give the canvas more room; double-click an element to open it again.
  • Double-click text to edit it. Font, size, weight, alignment and color are in the right-hand panel.
  • In Layers you set the stacking order with Move up and Move down, and you can Lock, Hide, Duplicate or Delete elements.
  • Your brand colors appear as a row of swatches at the bottom of every color picker. In browsers that support it (Chrome and Edge) there is an eyedropper as well, for picking up a color from your screen. See Set up your brand settings.
  • Undo and Redo work on every edit.
  • For photos (remove the background, crop, shapes, soft edges, colors) see Photos and shapes in the Designer. For text effects, prices and curved text see Text effects and prices in the Designer.

Saving and your screens

The Designer saves your work automatically, so there is nothing to save by hand. Every saved change reaches the screens showing this design within a few seconds. While something is being saved, Saving... shows at the top, and after that it reads Saved. Ctrl+S saves right away, without waiting for the automatic save. If a save fails, for example because the connection drops, the top shows Save failed and the Designer keeps trying until it works.

To edit a design without your screens picking up the changes right away, first make a copy with Duplicate in Files. Work in the copy, and send it to your screens once it's ready.

Download

Click Download at the top and choose PNG or JPEG to save the design as an image. The image is made the same way your screens show the design, so it looks the same.

Let the AI Assistant help

The AI Assistant can make a design from a description and change the design you have open, for example other prices, another photo, or portrait instead of landscape. See Use the AI Assistant.

Send the design to a screen

© screenbird.app