最近，一款名為 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 組件。這是一個巨大的時間消耗?！?/p>

根據創始人 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/