Interface Overview

We designed Lightform Creator to use a simple and intuitive workflow to create amazing projected AR content.

  1. Overview
  2. Artboard
  3. Toolbar
  4. Layers Panel
  5. Scan Panel
  6. Property Panel 
  7. Slides Panel
  8. Media Browser


While designing Lightform Creator, we drew inspiration from best practices used in software like Adobe Suite and Interface Design to bring familiarity to a new medium of projected augmented reality motion content.


At the center of the user interface (UI) is an interactive view into the canvas where an artboard is drawn and all of the content is created. The toolbar at the top dynamically reveals all of the content creation and editing tools. The layers panel on the left displays all objects in a rearrangeable list with the scan panel beneath it. The property panel on the right dynamically reveals all editable parameters. 


You can zoom in or out of the artboard by pressing CMD+Scroll or if using a trackpad, pinch, and pannable spacebar workspace. All content is created inside of the artboard and its size is determined by the resolution of the projector during the scan. 

You can place content outside of the artboard but any part of the content not inside the artboard will not be visible when published.


We intentionally chose not to hide any tools within drop-down menus. Instead, the toolbar dynamically changes to reveal the allowed operations at any given time.



If you would like to return to the default mode (i.e., switch away from a particular masking tool you've selected) press esc.

Read more about editing modes, masking tools, and content creation.  

Layers Panel

The layers panel consists of surfaces. Each surface can contain its own group of assets: effects, generators, videos, or images.


Layers can be selected, reordered, renamed, locked, and hidden. When a layer is selected in the Layers Panel or the Artboard, all of its properties are revealed in the Property Panel.

Scan Panel

The scan acts as a powerful background layer for masking and creating instant effects. The Scan Panel is much like the Layers Panel but only contains the scan layer.


When selected, the Scan properties such as opacity, brightness, and hole filling appear in the Property Panel. 

Property Panel

The Property Panel can inspect and modify parameters for any selected object(s). This includes Surfaces, Scans, Assets, and Slides. The Property Panel changes dynamically based on the selection. 


Slides Panel

The Slides Panel is a horizontal view of Slides. Slides can be duplicated, deleted, reordered, and renamed.

Each Surface contains its own content. Adjusting the mask and structure of the Surface will apply to all of the content within that Surface. By creating a new slide, you are able to use the same Surface, including the Surface's mask and structure defined in any Slide, with entirely new content.


Asset Browser

The Media Browser is a library of built-in and user-imported content. It is a hidden panel that slides out when new content is being added to the project.


Users can import custom images and videos into the Media Browser by dragging files directly into Lightform Creator. Read more about adding content.

Was this article helpful?
17 out of 20 found this helpful

Sign in to make a suggestion to improve this article

  • Comment actions Permalink
    Andrew Hunt

    How does scrolling left-right in Design view work on a PC? After zooming in, I can scroll up/down only using my mouse wheel. Left-right, up-down keys on keyboard don't work at all.

  • Comment actions Permalink
    Ehsan at Lightform

    Hey Andrew, there are 4 ways to pan around the canvas. My favorite way is to use two fingers on a trackpad so you can seamlessly pinch to zoom and move around all at the same time. 

    Using a mouse, as you discovered, you can scroll up and down. If you hold shift while you scroll, the canvas will pan left/right instead of up/down. 

    The 4th option is to hold down the spacebar and then move your mouse around freely. 

    See more of the keyboard shortcuts here:

  • Comment actions Permalink
    Andrew Hunt

    Thanks Ehsan