Every time you write a new prompt on the home screen, Banani creates a new project from scratch.
Each project has its own visual theme, components, and acts pretty independently.
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: Confirm or edit design spec
Once you hit Generate on the home screen, banani will generate a more detailed description based on your initial prompt.
You can edit any part of this expanded design spec if you think it went in a different direction than you wanted to. Simply click and start typing.
Once you hit Generate design, it will start working on the actual UI and take you to the canvas. Congrats, a new project has been created!