最近，一款名为 Trace.ai 的产品在发布后引来了不少关注，那么，这款产品引人注目的地方体现在何处？这篇文章里，作者就对 Trace AI 的产品特点、用户体验，以及其对应用开发的影响等方面做了解读，一起来看。

最近一款 AI 做 IPhone App 的产品 Trace.ai 在 11 月 22 日发布后就引来了推特上开发者的关注叫好，可以说是对传统应用开发无法“所见即所得”的突破尝试。

Trace.ai 由 a16z 投资，CEO Vidy Thatte 是一位非常有趣的开发者。本文带来 Trace AI 的产品特点、用户体验，以及对应用开发的影响。同时管中窥豹移动端和 PC 端无代码开发的发展方向。

思考：

我们尝试基于文章内容，提出更多发散性的推演和深思，欢迎交流。

AI 能让大家都可以开发 APP 吗？类比于上一代低代码开发工具，今年我们看到了一批使用 LLM 低代码生成网页、移动端应用的工具，目前这些产品还更像是“玩具”，可以满足大众的尝新体验但还无法开发复杂应用。

对于专业开发者而言因为涉及到复杂的用户界面生成，纯文本的 prompt 并不一定是最高效的表达方式，进一步降低使用门槛，增强用户表达的准确性，是该领域真正实现无代码开发的关键，我们也会继续期待。

向上下游横向延展：除了纵向加强开发能力、降低使用门槛，提升产品的专业修养之外，更多 AI + UI 的企业也会通过横向解决更多上下游的难题，增强核心壁垒，比如根据企业产品及用户信息，个性化用户体验，优化营销效果等。

AI Native 产品分析——Trace AI

1. 产品：Trace AI

2. 产品上线时间：2023 年 11 月

3. 创始人：Vidy Thatte （ CEO 兼开发者）、 Michael Li （自由摄影师、从事多年媒体、设计工作）、 Rafi Rizwan （从事多年 iOS 开发工作）

4. 产品简介：

Trace AI 是一个突破性的平台，能使用 LLM 来了解应用程序需求，并自动生成代码片段，甚至可以直接构建出成熟的应用程序。Trace AI 完全在浏览器内运行，从任何地方构建 iPhone 应用程序都非常方便。用户可以将完成的项目导出为 Xcode 项目， Swift 文件，或者直接在他们的设备上运行。

一、Trace AI 是什么

1. Trace AI 的主要特性

– 由 AI 驱动的开发：使用 AI 将想法转化为 SwiftUI 代码。（ Sense 说：在 iOS 应用程序开发领域， SwiftUI 是一种描述式、使用声明式编程方式的 UI 框架，易于学习和使用，可用于苹果生态如 watchOS 、 tvOS 、 macOS 、 iOS 等平台的应用开发）

– 基于浏览器的接口：可以直接在浏览器中进行应用开发，增加了可访问性。

– 实时预览：在浏览器中预览应用或者在 iPhone 上运行。

– 导出选项：提供灵活的导出选项，如 Xcode 项目和 Swift 文件。

2. Trace AI 的产品功能

– 输入 prompt ，描述你想要的组件、功能，创建一个你自己的 iOS APP 。

– 可以在手机上运行该应用。

– 可以直接下载 Xcode Project 。

– 也可以直接自定义 Trace AI 生成的代码，直接在浏览器上预览效果。

– 可以直接搜索到别人已创建的组件并预览效果。

3. Trace AI 的定价

新用户可以免费试用一个月，试用到期后每月$20。

二、AI + UI 重塑开发过程

“每次我开始新的 iOS 项目时，我都必须编写大量的样板代码并从头开始构建 UI 组件。这是一个巨大的时间消耗。”

根据创始人 Vidy Thatte 的说法，一旦要开始一个新的 iOS 项目 ，从有想法到开始编码的过程往往是出现障碍的地方，这需要非常多时间。同时，现阶段的开发设计工具是有局限性的，它们并不能准确反映应用的动态特性，主要形态仍然为平面静态视觉图。

由于需求的把握以及交互的新颖，Trace AI 一经推出就引发了社交平台 X （原 Twitter ）的热烈讨论，用户对 Trace AI 的突破性方法表示很惊喜。它将简单语言转化为完全功能的 Swift UI 代码，并且在浏览器上实时预览 iOS 组件的动态效果，不论是对于经验丰富抑或新入行的 iOS 开发人员都是一种强大的工具。

Trace AI 代表了应用开发技术的一大飞跃。随着移动应用的需求持续增长，像 Trace AI 这样的工具对于希望简化工作流程，更有效地将创新想法变为现实的开发人员来说变得越来越重要。但对于无代码基础的人员来说，希望用该工具直接生成一个相对复杂的 APP ，还是比较难的。真正上手 Trace AI ，不仅需要对代码领域有相对完善的认知体系，还需要能够精准表达 APP 组件功能和交互的纯文字 prompt 。

而纵览 AI + UI 赛道，虽然移动端应用 AI 生成的道路才启动不久，但在 PC 领域，今年已经有不少落地的好项目。比如 Vercel 推出 v0 ，可以在 AI 的提示下，基于 shadcn / ui 和 Tailwind CSS 生成代码并进一步完善它。参考我们之前的文章：AI 生成 UI 界面，Vercel 最新推出生成式 UI 工具 V0；再比如 Tldraw 可以根据原型图直接生成网页代码（下图左方为白板画的原型图，右图为生成的真实网页）。

值得一提的是， AI 建站已经不只是生成网页，走在前面的企业已经开始帮助 B 端客户完成建站、风险控制、电商营销等全链路的工作。

比如 2023 年 3 月创建的 10web ，可以帮助客户构建网站、优化网站速度、保护网站安全、帮助企业通过网站开展电商等营销活动，成立之后每月网站的访问量都达到 100 万+。

比如对于一个零售客户， 10web 可以在企业的如下阶段给予帮助：

– 选择足够安全的托管提供商：10web 的自动化 WordPress 托管产品，提供了更快地加载速度，提供安全的备份及恢复能力。

– 构建网站：几分钟内设计一个功能齐全的在线商店，你可以要求 AI 从头开始创建一个网站。或向其提供一个网站的 URL 作为灵感，10Web 将创建一个具有类似设计但有企业独特的品牌和内容的在线商店。设计完成后，支持预览且进一步编辑设计。

– 建立库存管理系统：WooCommerce 内置了库存管理功能，帮助企业进行高效库存管理。

– 优化营销效果：10web 提供了不同的产品，帮助企业进行搜索引擎关键字优化、自动进行电子邮件等渠道营销、分析营销效果等。

除此之外， 10web 针对家居、珠宝、视频行业都有较多成熟的网站构建全链路 case ，不止帮助开发人员更快的完成网站生成工作，进一步还能帮助企业加速创建更有吸引力的在线网站。对于企业来说，Website Builder 让它可以专注于如何开展在线零售业务并在全球范围内营销企业品牌，而不是构建和设计网站的技术方面。

我们可以更大胆的想象，未来的网站或 APP ，可以完成自动化的托管。实现什么样的产品功能、自动的上架新活动、根据活动效果进行分析并且自动完成优化工作，或许都可以交给 AI 助手来完成。

一个彩蛋：

Trace.ai 的 CEO Vidy 是一个非常有趣的年轻开发者，活跃在 Github 的同时还在 Notion 上写日记，关于音乐（喜欢 J.Cole ）、产品思考（Sense说：给了我们很多产品研究的启发，欢迎关注我们后续文章）、人生哲学和生活碎碎念。

Vidy 的 Notion 日记

Vidy 还写了一个 AI 辅助创作的产品 Introspect，一个 AI 笔记，个人想法的 Co-pilot。

参考材料：

[1]https://trace.zip/

[2]https://www.affordhunt.com/blog/trace-ai-ios-app-development/r/recnl87Vxsjrcgkyn

[3]https://www.toolify.ai/tool/10web

[4]https://10web.io/ai-ecommerce-website-builder/