How to Record a SwiftUI App Demo Video on Mac (Using Only Free Tools)

SwiftUI developers ship fast. Your demo videos should keep up.

This guide walks you step by step through recording an iOS Simulator demo video on macOS using only free tools like Xcode, QuickTime, and built‑in screen recording.

You’ll end with clean, sharable clips you can use for:

• App Store previews
• Product Hunt and X/Twitter launches
• Investor updates and internal demos

We’ll focus on simulator capture, basic editing, and where tools like Reely fit once you want full, launch‑ready promos.

Prerequisites: What You Need Installed

Before you record your SwiftUI app demo video, make sure you have:

• macOS with built‑in screen recording (Shift–Command–5)
• Xcode (free from the Mac App Store)
• Your SwiftUI app running in the iOS Simulator
• QuickTime Player (pre‑installed on macOS)

All of the tools in this tutorial are free and Mac‑native. No paid apps, no cloud uploads.

Step 1: Set Up the iOS Simulator for Clean App Footage

You’ll get better demo clips if the simulator looks intentional. Apple’s App Store preview guidelines strongly recommend native UI resolution and inside‑the‑app footage only.

Do this before recording:

1. Launch your app in the iOS Simulator
   • Open Xcode.
   • Choose a simulator: e.g., iPhone 15 Pro.
   • Run your SwiftUI app.
2. Clean up the simulator environment
   • Use a fresh simulator if possible (no random notifications).
   • Set a neutral wallpaper and disable notifications to avoid visual noise.
3. Scale the simulator window sensibly
   • In the simulator menu, go to Window → Scale.
   • Pick a size that lets you see the whole device clearly without overlapping macOS UI.
4. Plan the flow you’ll show
   • Apple recommends 15–30 seconds per App Store preview.
   • Sketch 3–5 key beats:
     • Onboarding screen
     • Main feature interaction
     • Result / success state

Planning your flow upfront reduces retakes and makes trimming easier later.

Step 2: Record the iOS Simulator Directly from Xcode’s Device Hub

Apple’s Device Hub is the most accurate way to record the simulator without capturing your entire Mac desktop. It records at the simulator’s full resolution, regardless of your Mac’s display.

Here’s how to use it:

1. Open the Devices window
   • In Xcode, go to Window → Devices and Simulators.
2. Select your simulator
   • Choose the simulator that’s currently running your SwiftUI app.
   • Look for the active device (e.g., iPhone 15 Pro).
3. Start recording the screen
   • Click Record Screen for that simulator.
   • Xcode begins capturing the simulator canvas only.
4. Perform your demo flow
   • Step through your app exactly as you planned.
   • Move steadily; avoid rapid taps and jittery cursor paths.
5. Stop recording
   • Return to Device Hub and click Stop.
   • Xcode saves a video file to your Desktop.
   • The file name usually starts with “Screen Recording”, plus device name and timestamp.

This gives you a device‑only clip that matches Apple’s guidance for App Store previews. No extra cropping required.

Step 3: Record with macOS Screen Capture (Shift–Command–5) as a Backup

Sometimes Device Hub isn’t convenient (e.g., quick prototype demos). macOS’s built‑in Screenshot and screen recording toolbar is a solid backup.

To record your SwiftUI app demo using only macOS tools:

1. Open the Screen Capture toolbar
   • Press Shift–Command–5.
   • The toolbar appears at the bottom of your screen.
2. Choose a recording mode
   • Select Record Selected Portion.
   • Draw a capture rectangle tightly around the iOS Simulator window.
3. Configure options
   • Click Options and set:
     • Save to: Desktop or a dedicated “App Demos” folder.
     • Microphone: Off for App Store previews; On for narrated demos.
     • Show Mouse Clicks: Off if you’re focusing on touch gestures.
4. Start recording
   • Click Record.
   • Perform your demo flow in the simulator.
5. Stop recording
   • Click the Stop button in the menu bar.
   • macOS saves the recording automatically.

This method captures a portion of your Mac screen rather than the simulator canvas directly. It’s perfect for quick Slack updates, internal videos, or social posts where exact App Store specs aren’t required.

Step 4: Record the Simulator with QuickTime Player (Optional Flow)

If you prefer to live inside QuickTime, you can still record your SwiftUI demo for free. This is useful when you want simple audio controls and quick access to basic editing.

To record the iOS Simulator with QuickTime:

1. Open QuickTime Player
   • Use Spotlight or launch from Applications.
2. Start a new screen recording
   • Go to File → New Screen Recording.
   • Click the record button.
3. Select the area to record
   • Drag to select the simulator window region.
   • Confirm to begin recording.
4. Perform your demo flow
   • Navigate through your SwiftUI app.
   • Keep cursor movement smooth and gestures clear.
5. Stop and save
   • Click the Stop icon in the menu bar.
   • QuickTime opens the recording automatically.
   • Save it using File → Save and choose a clear filename.

QuickTime records in .mov format by default, which works well with Apple’s accepted H.264 and ProRes HQ containers for App Store previews.

Step 5: Trim and Clean Your Demo Clips in QuickTime (Free Editing)

You don’t need a paid editor to do basic cleanup. QuickTime supports frame‑level trimming, which is enough for most demo flows.

To trim QuickTime screen recordings on Mac:

1. Open your recording in QuickTime
   • Double‑click the video file.
   • It opens in QuickTime Player by default.
2. Use the Trim tool
   • Go to Edit → Trim.
   • A yellow handle bar appears at the bottom.
3. Trim start and end dead air
   • Drag the left handle to remove countdowns, mis‑taps, and setup time.
   • Drag the right handle to cut awkward endings or long pauses.
4. Keep within App Store specs (if relevant)
   • Apple App Store preview specs:
     • Length: 15–30 seconds
     • File size: up to 500MB
     • Frame rate: up to 30 fps
     • Formats: H.264 (.mov, .m4v, .mp4) or ProRes 422 HQ (.mov)
   • Aim for 20–25 seconds of sharp, focused interaction.
5. Save the trimmed clip
   • Click Trim.
   • Then File → Save.

QuickTime’s trim alone can take your recordings from “raw capture” to clean, shareable demos suitable for social, internal updates, or as the base for an App Store preview.

Step 6: Make Your Demo App Store‑Ready (Without Paid Tools)

If your goal is an App Store preview, you’ll need to ensure both technical specs and editorial guidelines are met.

Apple’s App Store preview rules (for iOS):

• Length: 15–30 seconds
• Up to 3 previews per language
• Muted autoplay on product pages and in search results
• Inside‑app footage only (no hands or over‑the‑shoulder device shots)
• Simple transitions (fades, dissolves)

At the free‑tool level, you can do the following:

1. Match native device resolution
   • Prefer Device Hub recording over whole‑screen capture.
   • Keep the simulator at a clean scale and centered in your frame.
2. Add captions using Keynote or iMovie (optional, still free)
   • Since previews autoplay muted, on‑screen copy helps.
   • Use short text overlays like:
     • “Track habits in seconds”
     • “SwiftUI dashboards that adapt”
3. Use minimal transitions
   • QuickTime doesn’t add transitions, which is fine.
   • If you use iMovie, stick to simple fades between scenes.
4. Export in the correct format
   • Keep output under 500MB and 30 fps.
   • Prefer H.264 and .mp4 / .mov container for broad compatibility.

With just Xcode, Device Hub, macOS capture, QuickTime, and optionally iMovie, you can create fully compliant App Store previews without paying for a dedicated editor.

Step 7: When Free Tools Stop Being Enough (Screen Studio, Kap, Reely)

Free tools handle capture + basic trim. They struggle once you want polished motion, kinetic typography, and multiple aspect ratios.

Here’s how common tools stack up:

• Apple built‑ins (Device Hub / QuickTime / Screenshot)
  • Best for: raw simulator recordings, App Store previews, basic trims.
  • Limitations: no auto zooms, no cursor smoothing, no narrative structure.
• Kap (free, open source)
  • Best for: quick Mac screen capture with export to GIF, MP4, WebM, APNG.
  • Includes simple trimming and click highlighting.
  • Limitations: not App Store‑specific; no simulator integration.
• Screen Studio (paid)
  • Best for: smoother product demos with automatic zoom and cursor polish.
  • Offers vertical exports and light timeline editing.
  • Pricing: around $20.99/month or $9/month yearly.
• Reely (AI‑native app launch video generator)
  • Built for mobile developers who ship faster than they can edit.
  • Core idea: “Your agent built the app. Let it build the demo reel too.”
  • Takes code, screenshots, or English prompts and generates:
    • 10–20s feature teasers
    • 30–60s launch promos
  • Deeply integrated with:
    • iOS Simulator (agent can recreate flows and record them)
    • MCP tools, so your coding agent can go from “build feature” → “build demo reel” in one workflow.

If you’re happy doing manual capture and trim, the stack in this tutorial is enough. Once you want agent‑driven demo reels, kinetic type, device choreography, and studio‑level motion without touching a timeline, Reely becomes the natural upgrade.

For a deeper comparison of simulator‑based preview generators vs. traditional screen capture tools, see our pillar guide: “App Preview Generators Compared: Simulator‑Based vs Screen Capture”.

Actionable Workflow: From Code to Demo in Under 30 Minutes

Here’s a simple workflow you can reuse every time you ship a feature:

1. Build and run your SwiftUI feature in the iOS Simulator
2. Capture the flow via Xcode Device Hub (Record Screen)
3. Trim the clip in QuickTime to 20–25 seconds
4. Optionally add captions in Keynote/iMovie for muted playback
5. Export as H.264 .mov/.mp4 under 500MB and 30 fps
6. Upload to App Store Connect or share on X/Product Hunt

Once this feels routine, tools like Reely can sit on top of the same simulator‑based workflow to auto‑generate reels right after a successful build.

FAQ: SwiftUI App Demo Recording on Mac

1. What’s the best free screen recording tool for SwiftUI app demos?

For simulator‑based SwiftUI demos, the best free stack is:

• Xcode Device Hub for simulator‑native recording.
• macOS Screenshot toolbar (Shift–Command–5) for quick Mac capture.
• QuickTime Player for basic trimming and saving.

Together, these cover capture, light editing, and export without any paid tools.

2. How do I record the iOS Simulator with QuickTime?

To record iOS Simulator with QuickTime:

• Open QuickTime Player → File → New Screen Recording.
• Click the record button and drag to select the simulator area.
• Perform your SwiftUI demo.
• Click Stop in the menu bar and save the file.

This is equivalent to using Control Center‑style screen recording but controlled from QuickTime on macOS.

3. How can I trim my Mac screen recording without buying an editor?

Use QuickTime Player:

• Open the recording.
• Go to Edit → Trim.
• Drag the yellow handles to remove dead air at the start and end.
• Click Trim, then Save.

QuickTime’s trim is precise enough for App Store preview length requirements (15–30 seconds).

4. Can I generate an App Store preview from simulator recordings only?

Yes. Apple explicitly supports simulator‑based recordings as App Store previews. Just ensure you meet:

• Length: 15–30 seconds
• Formats: H.264 or ProRes 422 HQ
• Containers: .mov, .m4v, .mp4
• Muted autoplay: add captions if needed

Record via Device Hub or macOS screen recording, trim in QuickTime, and upload to App Store Connect.

5. Where does Reely fit into this workflow for SwiftUI developers?

Reely sits after capture in your workflow:

• Your agent builds the SwiftUI feature.
• The same agent uses Reely’s MCP tool to reconstruct flows in the simulator.
• Reely automatically records, removes dead air, adds kinetic typography and device choreography, and outputs:
  • 10–20s feature teasers
  • 30–60s launch promos in multiple aspect ratios (including 4K masters)

It turns “recorded simulator footage + basic trims” into full launch‑ready reels, without you ever touching a traditional video timeline.

Wrap‑Up: Start Free, Then Automate Your Launch Videos

You can record a SwiftUI app demo video today using only:

• Xcode’s Device Hub
• macOS Shift–Command–5 screen capture
• QuickTime for trimming and export

That stack covers everything from internal demos to App Store‑ready previews.

When you’re ready to go further — promo from code in minutes, agent‑driven flows, kinetic type, and motion tuned for X, Product Hunt, and Shorts — Reely is built specifically for mobile developers who want launch‑quality reels without becoming video editors.

Ship the feature. Record the simulator. Then let your tools handle the rest.