The best prompts for designing an AppNatively app name the app and page, describe the layout from top to bottom, point at content that already exists, and change one area at a time. An AI assistant builds what you actually say, so specific prompts get the screen you meant on the first try. Copy-ready examples are below.
Six habits that get better results
1. Say which app and which page
Start with the app’s name and, when it matters, the page: “In Green Leaf Store, on the Home page, …”. It saves the assistant from guessing – or from stopping to ask.
2. Describe the layout from top to bottom
“Make a product page” leaves most decisions to the AI. “Make a product page with a large image at the top, the price and an add-to-cart button below it, then the description” leaves far less to guess.
3. Point at what already exists
Name pages and elements you like: “use the same header as the Home page,” “match the button style from the product page.” The assistant reads your app before changing it, so it reuses what’s there. For bigger changes, ask it to “look at the Home page first, then …”.
4. Use your real content
With your website connected, ask for things like “a button that opens my Summer Sale category” or “feature my three newest posts.” The assistant looks up the real items, so links point at things that exist.
5. Change colors and fonts app-wide
“Make the primary color deep teal” updates your theme, so every screen follows. That’s better than recoloring components one by one. See Manage your theme.
6. Iterate instead of starting over
If the result is close, say what to change: “make the image bigger,” “move the button below the description.” A follow-up is almost always faster than a restart.
Example prompts you can copy
Replace the app name and details with your own.
Online store (WooCommerce, SureCart, FluentCart)
- “In my AppNatively app Green Leaf Store, build a Home page: a banner slider at the top, a horizontal row of my product categories, then a two-column grid of my newest products.”
- “Add a bottom navigation bar with Home, Shop, Wishlist and Account tabs, using simple outline icons.”
- “Add a search bar under the header on the Home page that opens product search.”
- “Add a ‘Summer Sale’ section to the Home page that links to my Summer Sale category.”
Directory or listings app
- “Build a Home page for my directory app: a search bar at the top, a row of listing categories, then a list of featured listings with image, title and location.”
- “Add a Wishlist tab to the bottom navigation so people can find the listings they saved.”
- “Create a Restaurants page that shows the listings in my Restaurants category, and add it as a tab in the bottom navigation.”
Blog or content app
- “Build a Home page with my three newest posts as large cards, then a list of all posts below.”
- “Add a horizontal row of my post categories under the header.”
- “Add a bottom navigation bar with Home, Categories and Search tabs.”
Whole-app changes
- “Look at my whole app first, then suggest three improvements before changing anything.”
- “Make the whole app feel more premium: dark primary color, lighter background, and more spacing between sections.”
- “Add the same header to every page that doesn’t have one.”
What can’t I ask for?
Stock photos (the AI uses your media library or public image links starting with https://), publishing, and changes to your app icon, splash screen or website. See What can the AI access? Permissions and security.