Trace
trace.Page is a AI-based tool for designing and sharing Swift UI components. It allows you to transform your ideas into SwiftUI code by inp...
Last verified:
What is Trace?
Trace is an AI-powered web-based tool that helps iOS developers and designers build SwiftUI interfaces for iPhone apps directly in their browser. The tool converts text prompts and Excalidraw whiteboard drawings into production-ready SwiftUI code within minutes, allowing users to create app interfaces without writing code from scratch.
Key features include AI-powered SwiftUI generation from simple text descriptions, the ability to draw sketches and convert them to code, an in-browser iOS simulator for instant previews, chat with an AI assistant (
Trace pricing
Pricing model: Free
Free: $0/month - Includes thousands of components, AI component generator, 100 credits/month, create up to 3 drafts. Builder: $20/month - All free features plus unlimited drafts, 1000 credits/month, source code for any component, fork and edit with AI. Pro: $99/month - All builder features plus unlimited drafts, unlimited credits, priority support. Buy credits on demand: $10 for 100 credits (1 prompt generation costs 10 credits).
Trace pros
- Generates SwiftUI code from plain text prompts instantly
- Converts Excalidraw whiteboard drawings to SwiftUI
- Browser-based - no Mac needed for initial design
- Live iOS simulator for instant preview in browser
- Export to Xcode project with one click
- Export individual Swift files for existing projects
- Run directly on iOS device via QR code
- Thousands of pre-made community SwiftUI components
- AI Chat assistant (Duck) for code questions
- GitHub integration for direct repo pushes
- Iterative design - builds on previous versions
- Free tier available with 100 credits/month
- Fork and edit components with AI assistance
- Search and remix community components easily
- Production-ready SwiftUI code output
- Supports latest iOS features and SF Symbols
Trace cons
- Project no longer actively maintained by the team
- Free tier limited to 3 drafts per month
- Free tier only 100 credits/month (10 credits per prompt)
- Requires Apple Developer Account for device testing
- Complex code signing setup for running on devices
- Pro plan at $99/month is expensive for individuals
- Only supports iOS/SwiftUI - not for Android or web
- GitHub integration only affects main branch
Frequently asked questions about Trace
What is Trace and what does it do?
Trace is a browser-based AI tool that helps you build iOS app interfaces directly in SwiftUI. It converts text prompts and whiteboard drawings into SwiftUI code within minutes, lets you preview on a live iOS simulator, and exports to Xcode projects or Swift files.
Do I need a Mac to use Trace?
No, Trace runs entirely in your browser so you can build iPhone apps from anywhere without a Mac. However, to run on physical iOS devices, you'll need an Apple Developer Account and a Mac for final code signing.
Can I export Trace projects to Xcode?
Yes, you can export your finished project as a complete Xcode project or as individual Swift files. Click the Download button in the top right and select either Xcode Project or Swift File option.
How do I run my Trace app on my iPhone?
You need an Apple Developer Program membership and devices added to your account. After creating a certificate, .p12 file, and provisioning profile, upload them via the device run interface and you'll get a QR code to install the app on your device.
What is the difference between Free, Builder, and Pro plans?
Free gives 100 credits/month and 3 drafts. Builder ($20/month) gives unlimited drafts, 1000 credits/month, and source code access. Pro ($99/month) gives unlimited credits, unlimited drafts, and priority support.
Can I integrate Trace with GitHub?
Yes, Trace offers GitHub integration if you signed up with GitHub. You can create a project and directly push commits to the main branch. Enter the repository name and commit message, then click Commit & Push. Note this only affects the main branch.
How do I iterate on a component I created?
Specify what you want to change about the component's design, position, or layout. Trace builds on top of each generated version. Be specific - instead of 'make it better,' say 'move the button to the center and change the color to blue.'
What makes a good prompt for Trace?
Good prompts are specific and focused. Instead of 'Make a home page,' use 'Create a home page with a top navigation bar, welcome message in center, and tab bar with 4 icons at bottom.' For complex apps, break them into smaller components.
Can I download just a Swift file for my existing project?
Yes, click the Download button in the top right of the editor and select the Swift File option. This downloads a single Swift file you can add to an existing Xcode project.
Is Trace still being updated?
According to available information, the project is no longer being actively maintained by the original team. However, the tool remains functional for generating SwiftUI components and exporting projects.