Discover PandaSuite Studio
Welcome to PandaSuite Studio! This editor makes it easy to customize your screens, add components and create a personalized user experience. Build a truly unique web app or native application with this very flexible and creative tool.
Install PandaSuite Studio
PandaSuite Studio is your drag & drop editor to visually create your screens.
👉 Download PandaSuite Studio for Mac, Windows or Linux for free with this link: http://studio.pandasuite.com/
🤷 What is a project? A project is an application that has not yet been published or exported. It is when you publish it that you choose its official name, its icon, its loading screen and its format (web or native app).
To get started, you need to create a new project. You have the choice between creating a blank project or starting from an existing template. Templates are small applications made up of a few screens. They are here to help you understand concretely how to structure an application.
With the Free account, you can only work with one active project, the others must be archived.
Find your way in the interface
By default, all your screens are independent, you must create the links between screens and to set up your navigation.
💡 Each screen has one state. If you want to animate your screen with transitions, you need to create new screen states. Select your state and click on the green + Add State... to create a linked state.
🤷 It is important to understand the concept of depth in PandaSuite. To edit a component, you must go inside that component. Now several components can be nested inside each other, which generates multiple levels of depth.
The current level appears in color in the breadcrumb trail. To access the upper level, simply click on it in the breadcrumb trail.
To select an object, click on it. Double-click on a component to go inside. You can lock or hide your objects. When an action is created on an object, a lightning icon appears.
Foreground and background
Double-click on it to edit its content or click on the Edit button from the Properties window.
- Graphic components: Pop-up, Gallery, etc...
- Layout components: Scrolling area, Flexbox, etc.
- System components: Motion, GPS, Image recognition, etc.
- Data components : Collection, HTTP, Text Input, etc...
These properties are common to all objects:
- Delete objects
- Undo / Redo
- Change opacity
- Move an object forward or backward
- Define coordinates
- Adjust left / center / right
- Adjust top / middle / bottom
- Change dimensions
- Adapt left / right / up / down
- Rotate object
Save, preview and share
Remember to save your project regularly: there is no automatic backup.
By clicking on Preview, you can see the web version of your application. You can use the menu on the left to navigate between screens and the resizing options to view your application on other devices.
Clicking on Share, you get the sharing URL of your app.