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.
Navigation Bar
The Navigation Bar is located at the top of the Canvas. From left to right, you’ll see:
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.
Flow Menu: Access a menu of Core Flows, and your saved Custom Flows.
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 with a friend.
Profile Icon and Credits: Check your credit balance or click on your profile icon in the top right corner of the Navigation Bar to access
Theme: Switch between Light Mode to Dark Mode.
Account: Link to account settings.
My Plan: See your current subscription status.
Buy More Credits: Link to purchase additional credits.
Get Help: Access FAQs or support contact options.
Sign Out: Log out of Superstudio.
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.
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.
Expand the Materials section by dragging on the left hand side of the section.
Minimap
The Minimap below the Materials Section shows the layout your Canvas. Use the mini map to see your Canvas holistically, scroll across the canvas, and zoom in and out.
2. Setup your Canvas and Start Creating
Add Flows and Materials to your Canvas
Choose a Flow and click on it in in the Flows Menu to open it on the canvas.
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 and from the Materials section.
To delete Material 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 workflow.
Hover over a Flow on the Canvas and click the Minimize Flow icon to create space on the Canvas.
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.