Every time you write a new prompt on the home screen, Banani creates a new project from scratch.
By default, each project has its own visual theme, components, and acts pretty independently.
But, you can reuse themes across multiple projects.
If you're designing multiple screens that should share a consistent layout or style, it's better to work within the same project. That way, Banani can better align structure, components, and themes across screens.
How to create a new project
Step 1. Write the initial prompt on the home screen
Write the prompt describing the screen or flow you want under What should we design? title on the home page.
The more specific your prompt, the better the result. Mention who the screen is for, what it should include, and other apps you like.
Example: “A signup page for a mobile app. Users sign up with email or Google. Screen is split in two parts with forms on the left and the other half taken by background with user testimonial that gives social proof for doubting users.”
Don't be afraid to paste long text descriptions or PRD documents if you have them. The more text, the better.
Read our prompting guide for more.
Step 2: Add attachments (optional)
In addition to the prompt, you can attach files to guide the AI during generation. You can add:
Image references
Figma frame references
Step 3: Select settings (optional)
Before you hit Generate, you can modify a few settings for a new project from the settings dropdown on the left side of the prompt input area.
You can select:
Preferred breakpoint (mobile or desktop)
Theme (generate new style or reuse one from previously created project)
Which model to use for generation
Number of initial screen options to choose from
Once you hit Generate design, it will start working on the actual UI and take you to the canvas.
Congrats, your new project is ready!