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

App Editor

This is where your app actually gets designed – screens, navigation, look and feel, all of it. The fastest way to build something here is to describe it: the editor has a built-in AI assistant that turns plain-language requests into real screens while you watch. Everything it makes, you can then adjust by hand. It’s the part of AppNatively most people spend the most time in, and the part that decides what your users actually see.

What you can do in the App Editor

Start by building a screen with AI chat, then refine it by hand – most people work that way, using each for what it’s best at. From there you build out the structural pieces: the pages that make up your app, the header that sits across them, the bottom navigation your users tab through, slide-out drawers like cart and filter, and a theme that sets your colors, fonts, and spacing everywhere at once.

The last few articles cover getting your work to users – what Publish actually does, how it differs from Save, and the one situation where a change needs a new store submission instead.

Before you start

The App Editor won’t open without a working website connection – your screens are built from your connected site’s content. See Website Connection if you haven’t set that up, or if you’re seeing a full-screen “Website Not Connected” message.

FAQ

Fix a failing or dropped connection
Build your app with AI chat
Was this page helpful?
On this page
What you can do in the App EditorBefore you startFAQDo I need design or coding skills to use this?+Do my changes go live as soon as I make them?+Can I undo something the AI did?+