If you’ve worked with generative AI tools like ChatGPT or MidJourney, you're likely familiar with the concept of a prompt: A prompt is essentially a text string that instructs AI on what to generate by providing important keywords and direction.
Prompting for Bubble’s AI features works similarly to other AI engines, but there are a few ways to get the most out of your request when describing what you want to build. Let’s get into it.
Types of web app pages you can design with Bubble AI
Think about your Bubble app — it might include common areas like a landing page, product listing details, or even a social feed. With Bubble AI, you can now take many of these pages and bring them to life faster, easier, and more imaginatively.
Here are the types of pages you can customize with Bubble AI:
Understanding prompts, variables, and how to use them
Your prompt should be 1–2 sentences long and may include what we call variables. AI prompt variables are placeholder keywords that you can replace with your own description — they're key for helping Bubble AI understand your instructions and goals. By centering your prompt around these variables, our AI engine can more easily interpret your prompt and deliver on your intentions. (Prompts that violate our content guidelines won't be generated.)
The list below isn’t exhaustive — or even required — but it can help stir ideas on how to structure your prompt:
Imagery and themes you can apply to your prompts
Need a little aesthetic inspiration? Here are a couple of specific styles you might ask Bubble’s AI to use for your images:
Photographic: Connect with your users by incorporating unique and compelling photography throughout your app.
Line art: Convey your message with imagery influenced by this minimalist sketching technique.
Comic book: Channel your inner Roy Lichtenstein with this creative, fun, and bold pop art style.
Cinematic: Evoke deep emotion with this visually striking and meaningful aesthetic.
Anime: Make your app come to life with designs inspired by the instantly-recognizable Japanese animation style.
These are just a few examples — you can experiment with other themes to suss out what makes sense for the look and feel of your app.
(FYI, right now, color schemes that involve more than one color won’t work with our AI engine — but the sky’s the limit with other descriptive image types.)
Examples of effective Bubble AI prompts
Let’s put it all together: Clear direction + variables + imagery = a great prompt to help quickly, easily, and creatively build your desired pages. Here are a few examples:
Example 1
A landing page for a dog walking marketplace for college students who want to make money walking dogs or save time walking their own dogs. The page should be green, evoke emotions of friendliness, relaxation, and convenience, use photographic images, and a funky font.
Example 2
A dashboard for a fitness tracking app aimed at busy professionals who want to monitor their health efficiently. The page should be blue, evoke emotions of motivation and clarity, use digital art images, and a modern font.
Example 3
A social media feed for a travel blog targeting adventure enthusiasts who want to share and discover new destinations. The page should be orange, evoke emotions of excitement and exploration, use cinematic images, and a bold font.
