Creating A Storyboard Project

You can create a new Storyboard project in various ways: as a new empty application, as a Photoshop or Sketch import, as an import of a sample, or from an existing Storyboard Designer project or Storyboard Engine *.gapp file.

New Empty Storyboard Project

In order to create an empty Storyboard project that contains only minimal application structure, select File > New > Storyboard Application.

This opens the New Storyboard Application wizard and prompts for a name to use for the Storyboard project. This name will also be used for the initial Storyboard application file.

Next, set the size of the screen display and its color depth characteristics. Once configured, these settings remain configured for the life of the application.

Select Finish to close the wizard, create the new project, and automatically open the Storyboard editor on the project:

Existing Project Import

Occasionally it may be convenient to share an existing project from one workspace to another. If the project is archived or its directory structure completely copied to a new location then it is possible to import the Storyboard Designer project as an existing project.

Select File > Import to launch the wizard and select Existing Projects into Workspace.

This displays the Import Projects page of the dialog.

Search for existing projects contained in the filesystem by selecting the Select root directory option or projects that are contained within an archive file by selecting the Select archive file option.

In either situation, the Projects panel will populate with the content that can be extracted from the location selected. If projects exist in the workspace with the same name, then those projects will be shown but disabled in the list. Select the projects you want to import to your workspace and press Finish to exit the dialog and return to the workspace.

note

Projects that are imported will not automatically be opened in the Storyboard editor.

For projects that are being imported from the filesystem you also have the option to Copy projects into workspace which, as the name indicates, will copy the project content into the workspace. Without making this copy selection a new project will be created that links to or references the existing location of the project in the filesystem.

📄️Project Feature Enablements

Storyboard Designer provides a very rich set of functionality for application developers to use as they are building their applications. However, it may be the case that the embedded target system constrains which functionality should be used. In these situations, and in order to provide an appropriate level of guidance to application developers about what they can and can't use, Storyboard Designer provides the ability to limit what featues are available. This filtering happens only in the Designer user interface to filter the events, actions and render extensions that are appropriate for the configuration selected.

📄️Multiple Application Design Files

In large projects, it might be desirable to split the application design work, not only among multiple application designers, but also among multiple design files in order to minimize the amount of conflict that needs to be managed by a revision control system such as Subversion, Git, or Mercurial.

📄️Figma

The Figma import feature provides the ability to use Figma designs to jumpstart application development.

🗃Photoshop PSD

1 item

📄️Sketch

The Sketch Import feature provides the ability to use Sketch files to create the foundation of a new Storyboard application. To use the import feature, select the Sketch Import wizard in the toolbar:

📄️Storyboard Embedded Engine

Storyboard Designer can also round-trip export and import the files created as part of the Storyboard Embedded Engine, also known as gapp files since they typically have a .gapp file extension. These files are imported in the same way as a Photoshop or Sketch file, using the import wizard from File > Import > Storyboard Development > Storyboard Embedded Engine (GAPP).

📄️Storyboard Sample

The Storyboard installation contains a number of samples that you can use as reference for different UI development scenarios. These sample projects are generally not full-featured programs but are snippets designed to demonstrate how to use features of Storyboard including render extensions, actions, animations, or other visual effects.