Skip to main content

Plugin Composer

Design plugins for small screens with simple drag-and-drop

Ryan Kulp avatar
Written by Ryan Kulp
Updated yesterday

The Composer is used to design screens for the Tidbyt. You can design all varieties of Private Plugin, including recipes and forks.

Behind the scenes, compositions are saved as JSON documents. They can be imported, exported, and forked along with the standard e-ink Liquid markup templates.

You don't need to create a new private plugins to design for Tidbyt. Your existing private plugins with Liquid markup will also support this new screen format.

Access the Composer

  1. Switch the current device to a Tidbyt that has been previously set up

  2. Create or edit an existing Private Plugin

  3. Click Edit Composition

Interface Tour

  1. Use standard graphic design tools to draw on image layers

  2. Manage multiple text and image layers

  3. Plugin variables, which can be interpolated into the layer content by using Liquid

    1. Click on a variable to automatically insert it into the content

  4. Control layer visibility, lock, name, and deletion

  5. Render the word "true" in this Liquid template to conditionally show this layer based on variables. Any other value will hide the layer.

  6. Write text content with Liquid interpolation

  7. Instantly preview the design on your device

Did this answer your question?