Appnatively
Appnatively
Knowledge Base
Go to Studio
Knowledge Base
Go to Studio
Getting Started
Welcome to AppNativelyCreate your first appFinding your way around the Studio dashboard
Website Connection
Connect your website to AppNativelyInstall and update the required pluginChoose which plugins power your app“Website Not Connected” – what it means and how to clear itFix a failing or dropped connection
App Editor
Build your app with AI chatWrite prompts that get the screen you wantUndo an AI change you don’t wantEdit screens and components by handManage your app’s pagesDesign your headerDesign your bottom navigationAdd and edit drawersManage your themeHow your changes reach your usersSave vs. Publish – what each one doesWhen a new release is requiredWhen AI gets it wrong
Splash & App Icon
Set your app iconAdd Android Adaptive Icon layersDesign your splash screenRecommended image sizes
Publishing Setup
What you need before your first buildSet your app’s name, slug, and package IDAdd Android credentials and your keystoreAdd iOS certificates and provisioningConnect Google PlayConnect the App StoreSet up Firebase Configuration
Build & Deploy
Connect GitHub before you buildBuild your app – and submit it to the storeFix a failed build
Push Notifications
Create and send a push campaignTrack campaign performanceNotifications aren’t arriving
Integrations
Connect a third-party service

Build your app with AI chat

The fastest way to build a screen in AppNatively is to describe it. The App Editor has a built-in AI assistant that turns plain-language requests into real screens, live, while you watch.

Before you start

This needs one piece of setup first: an AI provider connected to your workspace. Without it, the chat panel opens but has no model behind it to actually respond. See Connect a third-party service – you’ll connect your own OpenAI, Anthropic, or Gemini account, once, for your whole workspace.

Steps

1. Open the AI chat panel

Inside the App Editor, open the AI chat panel from the sidebar.

2. Describe what you want

Type what you’re picturing – a screen, a section, a change to something already there. Plain language is fine; see Write prompts that get the screen you want for how to get better results.

3. Watch it work

As the AI works, it narrates what it’s doing in the chat panel – first its thinking, then each action it takes, one at a time.

4. See it land on your screen

Changes appear on your canvas the moment the AI makes them – there’s no separate step to approve or apply anything first. If something isn’t right, see Undo an AI change you don’t want.

FAQ

App Editor
Write prompts that get the screen you want
Was this page helpful?
On this page
Before you startSteps1. Open the AI chat panel2. Describe what you want3. Watch it work4. See it land on your screenFAQWhy is the chat panel not responding to anything I type?+Can I use AI chat and manual editing together?+