Skip to main content

Introduction to Superstudio’s Canvas

Updated over 2 months ago

Canvas is Superstudio’s open interface for playing with Flows and Elements to generate new Materials. This guide introduces you to the layout and features of the Superstudio Canvas. Get ready to start creating!


1. Canvas Navigation

When you enter Superstudio for the first time, you’ll step into a Canvas playground—the landing ground for unlocking your own boundless creativity.

Action Menu

The Action Menu is located at the bottom of the Canvas. Click on the yellow Kiko to open the expanded Menu or hover over Kiko for a condensed view. To close the Menu click anywhere on the Canvas.
From left to right:

  • Surprise Me: Your creative co-pilot Kiko will generate a selection of 1-3 images and videos without prompting. These generations count towards your credit usage.

  • Try a Creative Template: Explore our range of Creative Templates. These project specific templates are loaded with assets and Flows to remix and use. Includes Selfie Blender, Storyboard Animator, Character Animation Playground and more.

  • Create: Access our range of Image, Video and Audio Flows.

  • Chat with Kiko: Work with Kiko on project ideas, prompt refinement, creating flows and more.

  • Help from a Human: Talk to our Support Team.

Quick Action Menu

The Quick Action Menu allows you to quickly add media Flows to the Canvas. Open the Quick Action Menu by right clicking anywhere on the Canvas.

From left to right:

  • Create an Image: Adds Image Lab 2.0 Flow to the Canvas.

  • Create a Video: Adds Kling Standard Video Flow to the Canvas.

  • Create Audio: Adds Stable Audio Flow to the Canvas.

  • Explore all Tools: Opens the full Flow Menu where you can choose from Superstudio’s range of image, video and audio Flows including Model Maker to train your own AI model, Image and Video Upscalers, Lip Sync, Video Restylers and Add Audio to Video.

Flow Menu

Click Explore All Tools in the Action Menu to open the Flow Menu. Use the Category Menu to browse by Flow type, search for a specific Flow or filter by Output Type, Publisher or Feature.

Navigation Bar

The Navigation Bar is located at the top of the Canvas.
From left to right:

  • Canvas Name: Click the text box in the top left corner next to the Superstudio logo to rename your Canvas. Click the green tick to save. You can rename your Canvases at any time.

  • Move: Drag, scroll, zoom in and out, and move Materials and Flows on the Canvas.

  • Select: Select Materials and Flows on the Canvas.

  • History: View the history, or restore past versions of each Canvas.

  • Share: Share a duplicate version of your Canvas.

  • Credits: Purchase Credit Packs.

  • Profile: Open menu to access your Kaiber Profile.

    • Theme: Switch between Light Mode to Dark Mode.

    • Account: Link to account settings.

    • Upgrade Plan: See your current subscription status.

    • Legacy Kaiber: Switch to Legacy Kaiber (Legacy accounts only).

    • My Videos: View your Legacy Videos (Legacy accounts only).

    • Get Help: Access FAQs or support contact options.

    • Sign Out: Log out of Superstudio.

Materials

The Materials section is the side panel on the right of the Canvas. Materials are media uploaded or generated in Superstudio. Materials can be used as Elements in Flows. They are also the media generated from a Flow.
In the Materials section you can:

  • Access your uploaded and generated media.

  • Scroll through your Collections at the top of the Materials section.

  • Drag individual media and collections on to the Canvas.

  • Use the filter tool to sort your media by generation type, media type and more.

Open the Materials section by click on the Materials icon on the top right hand side of the Canvas.
Expand the Materials section by dragging the left hand edge across the Canvas.

Minimap

The Minimap below the Materials Section shows the layout your Canvas. Use the Minimap to see your Canvas holistically, scroll across the Canvas, and zoom in and out.

Canvas Bar

The Canvas Bar is the vertical sidebar with numbered sections on the left of the Canvas. In the Canvas Bar you can:

  • Create new Canvases.

  • Switch between Canvases.

  • Duplicate Canvases.

  • Delete Canvases.

2. Setup your Canvas and Start Creating

Add Flows and Materials to your Canvas

  • Add a Flow to the Canvas from the Create Menu, Flow Menu or ask Kiko to add one for you.

  • Upload images and videos by dragging your files to the Canvas.

  • Drag images and videos from the Materials section to the Canvas.

There is no limit to the number of Flows and Images you can have on a Canvas. While larger Canvases may take longer to load the number of Materials and Flows on a Canvas does not affect generation speed.

To work on multiple Canvases open each one in its own browser tab. Your generated and uploaded media can be accessed in Materials from any Canvas.

Download videos and images directly from the Canvas, Collections and Materials section.

To delete Materials and Flows from your Canvas:

  • Individual items: Hover over the Flow, Material or Collection and click the red X, or select the item and press delete on your keyboard.

  • Multiple items: Click the Select tool, select the items you want to remove, then press delete on your keyboard.

  • Whole Canvas: Click the History icon in the Navigation bar and use the Reset Current Canvas button to clear the entire Canvas.

Reposition anything on the Canvas at any time to maintain a clear and organized workspace and optimize your workflows.

  • When you’re finished with a Flow, delete it from the Canvas. You can add it back at any time by selecting Recreate Flow while hovering over any image or video created with that Flow.

  • When you’ve finished working with a Collection, minimize it or remove it from the Canvas. Your Collection will be available in Materials and can be added back in at any time.

Use the timestamps in History to restore the Canvas if you make any unwanted changes.

3. Organize your Materials with Collections

Collections are groups of uploaded or generated images and videos. Creating Collections enables you to organize project media, and to effortlessly move projects between Canvases.

To create a Collection, select one or multiple Materials on the Canvas and click the grid icon. Each Collection you create will appear in your Materials library. Select and drag other Materials into the Collection—there is no limit to how many you add.

When a Collection is on the Canvas you can:

  • Zoom in and out using the slider at the bottom of the Collection.

  • Scroll through the Collection use the slider on the right.

  • Expand a Collection by dragging the corners or edges of the Collection.

  • Drag Media out of the Canvas to use in Flows.

  • Rearrange the contents of the Collection.

To generate media from a Flow directly into a Collection, drag a line out from the side node in any Flow to connect with the node of a Collection. Media from that Flow will automatically generate in that collection.

You can connect multiple Flows to a Collection and multiple Collections to a Flow. When multiple Collections are connected to a Flow duplicates of generated Media will appear in each Collection.

To Name a Collection click on the Collection number while the Collection is open in the Canvas. Type the new name and press enter to save. The updated name will appear with that Collection in the Canvas and in the Materials section.

To delete a collection from the Canvas select the Collection and click on the delete icon or press delete on your keyboard. The Collection will still be available in the Materials section.

To locate a Collection in the Materials section scroll across the Collections menu at the top of Materials. Click on it to open in Materials or drag the Collection on to the Canvas.

To delete a Collection from the Materials section open the collection and select the three dots to access the delete button.

Did this answer your question?