Getting started with Fliplet Studio

Sign in to Fliplet Studio, describe your first project, review what the AI builds, and find out how to change and publish it.

Fliplet Studio is where you describe the software you need and Fliplet's AI builds it as a project you can preview, change, and publish. This guide takes you from your account to a first working preview.

Before you start

This guide is for builders.

You need a Fliplet account. If you don't have one, you can create it in the first step.
Use a computer. Home is limited by screen size, and Studio sends a phone user to a page asking them to continue on a computer.
Building uses Fliplet credits from your organization. Studio checks your organization has enough before it creates a project.
This guide applies if Home shows a prompt box. Standard users in some enterprise organizations see a different button. See If something goes wrong.

Go to https://studio.fliplet.com/signin, or https://studio.fliplet.com/signup if you don't have an account.
Complete the form. [UNVERIFIED: sign-up and sign-in form fields, single sign-on options, and any verification step weren't checked, because the forms can't be read while signed in]

Studio opens Home, with the heading What should we build? The line beside Start Building shows your plan and its credit allowance, for example "80,000 credits a month".

[SCREENSHOT: Home in Fliplet Studio, showing the What should we build? box, Help me describe it, and Start Building]

Describe your project

In the box under What should we build?, describe the software in your own words, for example "Create an employee onboarding software for HR."
Select Start Building.

Start Building stays unavailable until the box has text or a file. To give the AI files to work from, add them with Attach files before you start.

Studio creates a project called "Untitled project" and opens it.

Get help describing your project

If you're not sure what to write, Studio can ask you three questions: Describe your software, or the problem you're trying to solve, Describe the people who will use it, and What are the main features? You can also add web pages and files.

On Home, select Help me describe it.
Answer the questions you can. At least one of the three needs an answer, and a web page on its own doesn't count.
Select Start Building.

Writing your answers up as a description uses credits. If your organization is out of credits, Studio opens a dialog about credits.

Review and build

After you start, the project editor opens, with the chat on one side and the preview area on the other.

Answer any questions the AI asks in the chat.
If the AI shows a plan, read it. You can ask for changes in the chat first.
Select Approve & Build. [UNVERIFIED: the label is from code; showing it needs a project to be created]

The preview area shows progress while the AI works, and your project appears there when it's ready.

Check it worked

Your project shows in the preview.
The Build, Design, and Code tabs appear at the top of the editor.
Your project is listed under Your projects on Home. To get there, select Home in the project sidebar.

Change your project

The tabs at the top of the editor give you three ways to work:

Build: ask for changes in the chat. Enter a message in the box marked What would you like to build? and select Send.
Design: use Theme settings to set colors, fonts, corner radius, and shadow. For other design changes, use the chat on the Build tab.
Code: browse the project's files beside the preview.

To see your project at another size, select Mobile, Tablet, or Desktop at the top of the editor.

The project sidebar holds Settings, Data Sources, Files, Actions, Analytics, and Support chat.

When you publish, Fliplet takes a snapshot of your project and serves that to your users. Nothing changes for your users until you publish an update, so you can keep editing.

Publish and Invite are at the top of the editor once the project has a preview. Publish shows only if your role on the project allows it. To go through publishing, see Create, preview and publish your first app.

If something goes wrong

Home has no prompt box. Home shows New project instead, for one of two reasons. [UNVERIFIED: the New project label is from code; this account has the prompt box]

You're a standard user in an enterprise organization on a free plan that hasn't had a trial. New project goes straight to the drag and drop setup. An organization admin can request a trial with Request free trial in the project editor. [UNVERIFIED: the Request free trial label is from code]
Studio couldn't load your organization's details. New project opens a choice that includes building with AI.

Your organization doesn't have enough credits. Studio opens a dialog about credits instead of creating the project. What it says depends on your role and whether your organization is on a trial.

Studio stops before creating a project. On a free plan, Studio checks your description first, and your text stays in the box.

A description with no clear subject opens the questions from Get help describing your project.
A game or other entertainment software opens a dialog where you can edit your description or see your options.
A request that isn't for software opens a dialog where you can edit your description or get help describing it.

A build stops. The preview area says what happened and what to do next.

You need help. Select Support chat in the project sidebar.