How to vibe code your first iPhone app with AI - no experience necessary

6 hours ago 4
How to vibe codification  your archetypal  iPhone app with AI
NurPhoto / Contributor / Getty Images

Follow ZDNET: Add america arsenic a preferred source connected Google.


ZDNET's cardinal takeaways

  • You request a Mac, Xcode, and a connected AI model.
  • Start tiny, physique confidence, past grow your project.
  • AI coding works champion erstwhile you springiness clear, circumstantial intent.

So you privation to make your ain iPhone app, instrumentality it connected the App Store, make a cardinal dollars, and discontinue to Maui? Well, however astir if I conscionable assistance you with the archetypal part, and we spot however it goes?

After all, creating a hugely palmy app takes a batch much than conscionable coding. It involves infrastructure, marketing, vision, capitalization, squad composition, and conscionable plain luck. All of that's connected you.

But successful this article, I'll amusement you however to usage an AI to make your precise first, very, precise basal iPhone app. We're going to bash it measurement by step, screenshot by screenshot, truthful each you person to bash is travel along.

Also: The champion escaped AI for coding successful 2025 - lone 3 marque the chopped now

So spell up and slap connected immoderate tunes, and let's get started. Right now, I'm listening to Antti Martikainen connected Spotify.

Let's conscionable your tools

The main instrumentality you'll beryllium utilizing is Xcode. Xcode is simply a development environment, different known arsenic an IDE (the "I" is for interactive). An IDE is your moving abstraction portion coding.

If you've utilized Photoshop, you cognize it centers astir photograph editing, but it has a full clump of tools and views, each successful 1 program. If you've utilized Adobe Premiere, DaVinci Resolve, oregon Final Cut Pro, you cognize that they each person a wide scope of video editing tools, each wrong 1 program.

Also: Why I'm switching to VS Code - it's each astir AI instrumentality integration

An IDE is similar that, but for programming. Most IDEs incorporate a substance editor, a record browser, a debugger (used to find errors), a assortment of root absorption tools, information absorption tools, and more. They besides "build" the app erstwhile you're ready.

Actually, let's speech astir gathering the app with different analogy, the kitchen. Now, I'll admit that passim my 30s, my superior usage of the room was to store and microwave leftovers. There were full appliances (the happening that made pans blistery and did baking was among those that went unused).

But I'm a large lad now, and I recognize that there's a process called "cooking" that involves much than taking a edifice bundle and tossing it into the zapper. In fact, the prep enactment progressive with cooking -- from choosing the look to cutting up the veg and combining ingredients -- is each done earlier filling a skillet oregon a baking cookware and applying heat.

In Xcode, you request to get your ingredients together, too. Those see blocks of code, settings for apps, and assorted assets (like icons). Most of the processing volition beryllium the creating and gathering of these tools. Then, erstwhile you're ready, you'll archer Xcode to physique your app, which is erstwhile it applies the heat, taking each your components and turning them into thing magical moving connected your phone.

In summation to Xcode, you'll beryllium utilizing an AI ample connection model. Apple's ain exemplary is disposable for Xcode. That said, you'll astir apt bash amended with a much broad instrumentality similar ChatGPT oregon Claude Code, due to the fact that some person extended coding abilities built in. In this article, we'll usage Claude Code, but you tin marque different choices if you want.

What's each this cost?

Xcode is free. You bash request a Mac. All you request to bash to get Xcode onto that Mac is to unfastened the App Store app connected your machine, hunt for Xcode, and download it.

app-store
Screenshot by David Gewirtz/ZDNET

Depending connected what you program to bash with your app, you whitethorn request a rank successful Apple's Developer Program, which costs $99 per year. If you program connected selling oregon distributing your app, a Developer Program rank is simply a must.

You'll besides request it if you usage definite features successful your app. For example, I'm processing an app that scans NFC tags and takes photos. Both of those diagnostic sets are lone disposable with a Developer Program entitlement.

Also: What is AI vibe coding? It's each the rage, but it's not for everyone - here's why

If you're readying connected utilizing an AI to "vibe code" your app, you'll request a ample connection model. So far, Apple's ain AI models are meh. I'd counsel you to take betwixt ChatGPT and Claude.

(Disclosure: Ziff Davis, ZDNET's genitor company, filed an April 2025 suit against OpenAI, alleging it infringed Ziff Davis copyrights successful grooming and operating its AI systems.)

Both are good. Both person precise basal escaped versions. But the information is, you won't get precise acold without spending immoderate money. Both commencement astatine $20 per month. If you're not doing excessively overmuch coding, that volition enactment for you. You'll get astir 5 hours of changeless coding enactment done earlier they inquire you to instrumentality a time-out.

Also: I did 24 days of coding successful 12 hours with a $20 AI instrumentality - but there's 1 large pitfall

If you're conscionable dabbling, oregon you're going existent slow, that should bash you. But if you're powering done a project, you'll astir apt request to upgrade to the $200 per period Pro mode for ChatGPT oregon the $100 oregon $200 Max modes for Claude Code.

Also: I got 4 years of merchandise improvement done successful 4 days for $200, and I'm inactive stunned

Don't worry, though. For this intro, you won't request to walk overmuch astatine all.

Install Xcode

Once you download Xcode, click to motorboat it. At this point, you'll beryllium fixed the enactment to instal Xcode components. You'll spot this screen.

xcode-components
Screenshot by David Gewirtz/ZDNET

Since we're gathering an iOS app, marque definite that's checked. I added the Apple Watch components due to the fact that I mightiness privation to marque a Watch mentation of my app. It's not precise big, truthful you mightiness arsenic good spell for it.

Make definite you cheque "Predictive Code Completion Model," due to the fact that that volition nett you Apple's Code Intelligence features.

Click Download & Install, and past spell get your blistery beverage of choice. Right now, I'm sipping Kirkland Pacific Bold, which is helping maine enactment alert portion writing.

Connect your AI

First, marque definite you person a ChatGPT oregon Claude account. Once that's acceptable up, power backmost to Xcode. Choose Settings nether the Xcode menu, and past take the Intelligence tab.

intelligence
Screenshot by David Gewirtz/ZDNET

Code Intelligence is acceptable up to easy configure either ChatGPT oregon Claude, but you tin adhd different models via the Add a Model Provider button. That takes much fiddling, truthful we'll conscionable link Claude.

Also: I got 4 years of merchandise improvement done successful 4 days for $200, and I'm inactive stunned

By the way, either ChatGPT oregon Claude volition bash for this. I'm utilizing Claude present due to the fact that I've antecedently talked a batch astir ChatGPT coding successful ZDNET and privation to springiness Claude immoderate attention, too.

Go up and click the Claude successful Xcode button, and you'll beryllium taken to an authorization screen. A akin surface volition beryllium presented for ChatGPT. Click Authorize.

authorize
Screenshot by David Gewirtz/ZDNET

You tin really authorize much than 1 AI successful Xcode, but lone 1 tin beryllium progressive astatine a time. To take which 1 is active, click the toggle fastener for the 1 you privation to enable. Here, I've enabled Claude.

active-ai
Screenshot by David Gewirtz/ZDNET

Let's commencement making an app

Okay, it's clip to marque our archetypal app. Now, don't get excessively excited. We're going to marque a precise elemental app. But it volition beryllium you tin marque an app that runs. Besides, going from perfectly thing each the mode to installing an app connected your telephone is rather a large accomplishment.

When you motorboat Xcode and it's not already successful a project, you'll spot this dialog. Choose New Project.

new-project
Screenshot by David Gewirtz/ZDNET

If you don't spot that screen, oregon you accidentally closed it, conscionable determination connected to the adjacent step. Selecting New → New Project from the File paper volition besides get you to the task template screen.

project-template
Screenshot by David Gewirtz/ZDNET

Make definite iOS is chosen arsenic your level (at 1) and App is chosen (at 2). Then click Next.

You'll beryllium asked to sanction your project. Mine is called Filamentory, for "filament inventory." I privation to physique thing that tracks my 3D printer filament, but the aforesaid benignant of task could beryllium utilized for your wardrobe, publication collection, euphony collection, knitting patterns, expanse music, yarn stash, cloth stash, hobby management, exemplary kits, LEGO sets, photograph management, spare parts, and more.

Also: Why AI coding tools similar Cursor and Replit are doomed - and what comes next

Don't get excessively excited, though. In this article, each we're going to bash is get it to accidental hello. But I needed to springiness it a sanction to amusement you what to do. I'll beryllium digging successful aboriginal to make the filament inventory app utilizing AI. Stay tuned, due to the fact that I'll person much to accidental astir it successful aboriginal articles.

project-details
Screenshot by David Gewirtz/ZDNET

Take a look astatine the supra screen. There's the "Filamentory" name. Let's skip the squad and enactment identifier for a minute. After that is the Interface and Language. We'll beryllium utilizing Apple's Swift for both, since that's a precise communal and almighty connection designed by Apple for processing apps successful the Apple ecosystem. Go up and prime Swift and SwiftUI.

Also: You'll codification faster and walk little with OpenAI's caller GPT-5.1 update - here's how

Now let's spell backmost and look astatine Team. To bash so, instrumentality a look astatine this screenshot.

team
Screenshot by David Gewirtz/ZDNET

This is wherever your developer relationship details would spell if you signed up for a $99 per twelvemonth developer programme entitlement. But for now, you tin conscionable usage your Apple account. Go up and click Add Account. In the popup, click Add Apple Account. That should get you going.

Click Next.

Let's physique our app for the archetypal clip

Xcode volition past unfastened up into its editing environment. This is wherever the magic happens. It tin beryllium overwhelming, truthful we'll conscionable absorption connected a fewer things first.

editing
Screenshot by David Gewirtz/ZDNET

There are 3 panes visible. On the near is simply a pane that lets you spot your record structure. There's a batch much you tin bash here, but we'll conscionable notation record operation for now. The mediate pane is code. It's wherever programmers constitute programs. The acold close is the UI constituent browser, wherever the UI tin beryllium seen.

Notice the greenish arrow pointing to a right-pointing triangle. This is the Build button. When you click it, Xcode builds your app.

This template app is precise simple. All it does is show an icon and the words "Hello, world." But that means a batch is happening. To effort it out, deed the Build button.

Also: I've tested escaped vs. paid AI coding tools - here's which 1 I'd really use

Here, you've got a batch much going on. The tiny iPhone is the idiosyncratic interface area, utilized to assistance specify your UI. The large iPhone is the iPhone simulator, which is fundamentally a virtual iPhone moving your app connected your computer. Until you commencement utilizing hardware-specific features (like the camera), the simulator is simply a large mode to go.

Also, arsenic you tin see, the app is running, showing a globe and "Hello, world," corresponding to the codification successful the 2nd pane.

simulator
Screenshot by David Gewirtz/ZDNET

Click the simulator paper barroom (at 1) and the reddish adjacent fastener (not shown, but you cognize what a reddish adjacent fastener is). Then click the achromatic quadrate (at 2) to halt the app from moving successful Xcode.

Time to consciousness the vibes

You tin usage Apple's Code Intelligence close from wrong Xcode. When you do, Xcode volition speech to Claude (or ChatGPT, if you chose that binding) to modify codification successful Xcode and past tally it.

vibe
Screenshot by David Gewirtz/ZDNET

To bash this, deed the AI prima fastener (at 1). This changes the near pane from a record browser to an AI chatbot interface.

As impervious of concept, we're going to springiness the app immoderate insignificant interactive capabilities. When the app is running, we privation it to toggle betwixt "Hello, world" and "Hello, David." So, successful the chat tract (at 2), type:

Add a fastener that, erstwhile clicked, toggles betwixt "Hello, world!" and "Hello, David!" Make definite it checks the existent authorities and changes to the alternate state.

I guess, if you truly had to, you could usage your ain sanction alternatively of David. Look astatine those 2 instructions. The archetypal describes the intent (make a fastener and marque the fastener toggle).

Also: How to really usage AI successful a tiny business: 10 lessons from the trenches

But the 2nd condemnation is wherever reasoning similar a programmer tin boost your success. We can't presume that the connection displayed is going to beryllium known to the code. So the champion mode to marque it enactment is to archetypal ascertain what the existent authorities is ("Hello, world" oregon "Hello, David") and past enactment from that.

Hitting Return astatine the extremity of the punctual sends the AI connected its way.

The AI has coded

Now, let's look astatine the result. The leftmost pane shows the AI discussing the alteration and however it works. The mediate pane shows much code. On apical of the close pane, you tin spot the simulator, which is showing the substance fastener "Toggle Greeting" and 1 of the substance toggle versions.

final-app
Screenshot by David Gewirtz/ZDNET

If you're curious, you tin look astatine the generated code. The AI generated a clump of lines of code, but the halfway codification that does the toggling is this line:

Text (isWorldGreeting ? "Hello, world!" : "Hello, David!")

The substance displayed is acceptable to the worth wrong the parentheses. The ? : format is called the "conditional operator." Basically, if the worth to the near of the parenthesis (isWorldGreeting) is true, the worth to the near of the colon is returned (in this case, "Hello, world!"). If the worth of isWorldGreeting is false, the worth to the close of the colon is returned ("Hello, David!").

Also: Bad vibes: How an AI cause coded its mode to disaster

With this 1 command, the AI took a 24-line programme and added six lines. Sometimes the AI volition alteration a enactment oregon two; different times, it volition alteration oregon adhd hundreds of lines. It truly depends connected what you inquire it to do. In summation to getting the AI to assistance make the app, you tin often look astatine the codification the AI generates to larn however it does definite tasks.

Sending to an existent iPhone

If you privation to tally your app connected a existent iPhone, the process is beauteous overmuch identical. You request a USB cablegram to link your iPhone to your Mac. As agelong arsenic your telephone shows up successful the Locations sidebar successful your Finder (shown astatine 1), you're good.

iphone
Screenshot by David Gewirtz/ZDNET

At the apical of the Xcode surface is simply a small enactment country (shown astatine 2). For the simulator, we utilized a virtual iPhone 17 Pro. But if you toggle that to your existent iPhone (as I did with the iPhone 16 Pro Max), erstwhile you deed Build, Xcode volition nonstop the app to your existent iPhone, instal it, and unfastened it.

Have fun!

We've travel a agelong mode successful this article, from nary programming astatine each to creating our precise archetypal iPhone app utilizing AI coding. Have amusive with it. Make worldly that's cool. We'll beryllium backmost with much thoughts connected AI programming successful aboriginal articles.

Also: What Bill Gates truly said astir AI replacing coding jobs

Have you tried utilizing an AI adjunct wrong Xcode oregon different IDE to assistance constitute code, oregon are you inactive relying connected accepted methods? Do you deliberation tools similar this marque learning programming much accessible, oregon bash they hazard hiding excessively overmuch of the halfway knowledge? If you've experimented with AI-assisted app building, what worked good and what didn't? Let america cognize successful the comments below.


You tin travel my day-to-day task updates connected societal media. Be definite to subscribe to my play update newsletter, and travel maine connected Twitter/X astatine @DavidGewirtz, connected Facebook astatine Facebook.com/DavidGewirtz, connected Instagram astatine Instagram.com/DavidGewirtz, connected Bluesky astatine @DavidGewirtz.com, and connected YouTube astatine YouTube.com/DavidGewirtzTV.

Read Entire Article