Example page
Tutorial
Tips and Tricks

Become proficient at prompting in minutes

In this blog, we will teach you how to most efficiently prompt to achieve the desired results using Natively.

Jackie Wu
July 10, 2025
3 min read

Overview


Natively's AI Assistant is your intelligent development companion, accelerating mobile app development through natural language programming, code generation, debugging assistance, and real-time guidance.

Basic Chat Interface


The AI Assistant is accessible through the chat panel on the left side of the IDE:

  1. Type your request in natural language
  2. Press Enter or click the send button
  3. Watch as the AI generates code and applies changes
  4. See results instantly in the preview panel

Try these example prompts to get started:

  • "Create a welcome screen with a title and button"
  • Add a navigation bar with home and settings tabs"
  • "Make the background gradient from blue to purple"
  • "Add a login form with email and password fields"

Best practices


Effective prompting

To maximise the effectiveness of your prompts, consider the following three guidelines: be specific, provide sufficient context, and break down complex tasks into clear, manageable steps.

Be Specific

❌ "Make it look better"
✅ "Change the button to have a blue background, white text, and rounded corners"

Provide Context

❌ "Add a button"
✅ "Add a login button below the password field that calls the handleLogin function"

Break Down Complex Tasks

❌ "Build a complete e-commerce app"
✅ "Create a product listing screen with title, price, and image for each product"


Iterative Development

Aiming for a mobile app that can cause global impact is amazing. However, don’t try to put everything down on one single prompt and expect the AI to be able to spit out the perfect app. Because the reality is that no AI will ever be able to do such things, and even if it does, there is very likely to be bugs.
Instead, try to start with building a solid foundation with the most necessary buttons and designs. Then, from this, expand.

Our recommended process

  1. Build a solid foundation or choose one of the projects that other users have built under “examples”.
Screenshot 2025-07-10 at 12.32.13.png
  1. Drop pictures of your logo or inspiration for app design into the prompt section, and our AI will adapt the design of your mobile app.
  2. Make sure that there is a consistent flow between the pages and that you minimize the amount of clicks it takes for a user to move from one page to the next. The easier it is for the user to move between pages, the more likely they will keep on using your mobile app.
  3. Test frequently with the preview.

Join the Natively Community

We’re building more than a platform—we’re building a movement. Whether you’re dreaming up your first app or scaling your startup’s next big release, Natively is here to help you succeed. Here’s how you can get involved:

  • Try Natively Today: Visit our homepage to start building your app for free.
  • Connect with Us: Follow us on social media platforms, X, and LinkedIn to share your journey and join the conversation.
  • For video tutorials: Check out Natively's video tutorials.
Final QuestNatively

Building the future of native mobile development. Create beautiful, performant apps with the tools you love.

Follow us:

Product

Legal

© 2025 Small Scale Labs AB. All rights reserved.
Made withfor developers