最近，一款名為 Trace.ai 的產(chǎn)品在發(fā)布后引來了不少關(guān)注，那么，這款產(chǎn)品引人注目的地方體現(xiàn)在何處？這篇文章里，作者就對 Trace AI 的產(chǎn)品特點、用戶體驗，以及其對應(yīng)用開發(fā)的影響等方面做了解讀，一起來看。

最近一款 AI 做 IPhone App 的產(chǎn)品 Trace.ai 在 11 月 22 日發(fā)布后就引來了推特上開發(fā)者的關(guān)注叫好，可以說是對傳統(tǒng)應(yīng)用開發(fā)無法“所見即所得”的突破嘗試。

Trace.ai 由 a16z 投資，CEO Vidy Thatte 是一位非常有趣的開發(fā)者。本文帶來 Trace AI 的產(chǎn)品特點、用戶體驗，以及對應(yīng)用開發(fā)的影響。同時管中窺豹移動端和 PC 端無代碼開發(fā)的發(fā)展方向。

思考：

我們嘗試基于文章內(nèi)容，提出更多發(fā)散性的推演和深思，歡迎交流。

AI 能讓大家都可以開發(fā) APP 嗎？類比于上一代低代碼開發(fā)工具，今年我們看到了一批使用 LLM 低代碼生成網(wǎng)頁、移動端應(yīng)用的工具，目前這些產(chǎn)品還更像是“玩具”，可以滿足大眾的嘗新體驗但還無法開發(fā)復(fù)雜應(yīng)用。

對于專業(yè)開發(fā)者而言因為涉及到復(fù)雜的用戶界面生成，純文本的 prompt 并不一定是最高效的表達(dá)方式，進(jìn)一步降低使用門檻，增強用戶表達(dá)的準(zhǔn)確性，是該領(lǐng)域真正實現(xiàn)無代碼開發(fā)的關(guān)鍵，我們也會繼續(xù)期待。

向上下游橫向延展：除了縱向加強開發(fā)能力、降低使用門檻，提升產(chǎn)品的專業(yè)修養(yǎng)之外，更多 AI + UI 的企業(yè)也會通過橫向解決更多上下游的難題，增強核心壁壘，比如根據(jù)企業(yè)產(chǎn)品及用戶信息，個性化用戶體驗，優(yōu)化營銷效果等。

AI Native 產(chǎn)品分析——Trace AI

1. 產(chǎn)品：Trace AI

2. 產(chǎn)品上線時間：2023 年 11 月

3. 創(chuàng)始人：Vidy Thatte （ CEO 兼開發(fā)者）、 Michael Li （自由攝影師、從事多年媒體、設(shè)計工作）、 Rafi Rizwan （從事多年 iOS 開發(fā)工作）

B端究竟需要什么样的产品经理？

B端产品经理都是以提升供应侧的工作效率为目的，所以B端需求主要是以业务问题为导向。 这个是B端产品比较重要的一点，B端产品是服务于一个主体 ...

查看详情 >

4. 產(chǎn)品簡介：

Trace AI 是一個突破性的平臺，能使用 LLM 來了解應(yīng)用程序需求，并自動生成代碼片段，甚至可以直接構(gòu)建出成熟的應(yīng)用程序。Trace AI 完全在瀏覽器內(nèi)運行，從任何地方構(gòu)建 iPhone 應(yīng)用程序都非常方便。用戶可以將完成的項目導(dǎo)出為 Xcode 項目， Swift 文件，或者直接在他們的設(shè)備上運行。

一、Trace AI 是什么

1. Trace AI 的主要特性

– 由 AI 驅(qū)動的開發(fā)：使用 AI 將想法轉(zhuǎn)化為 SwiftUI 代碼。（ Sense 說：在 iOS 應(yīng)用程序開發(fā)領(lǐng)域， SwiftUI 是一種描述式、使用聲明式編程方式的 UI 框架，易于學(xué)習(xí)和使用，可用于蘋果生態(tài)如 watchOS 、 tvOS 、 macOS 、 iOS 等平臺的應(yīng)用開發(fā)）

– 基于瀏覽器的接口：可以直接在瀏覽器中進(jìn)行應(yīng)用開發(fā)，增加了可訪問性。

– 實時預(yù)覽：在瀏覽器中預(yù)覽應(yīng)用或者在 iPhone 上運行。

– 導(dǎo)出選項：提供靈活的導(dǎo)出選項，如 Xcode 項目和 Swift 文件。

2. Trace AI 的產(chǎn)品功能

– 輸入 prompt ，描述你想要的組件、功能，創(chuàng)建一個你自己的 iOS APP 。

– 可以在手機上運行該應(yīng)用。

– 可以直接下載 Xcode Project 。

– 也可以直接自定義 Trace AI 生成的代碼，直接在瀏覽器上預(yù)覽效果。

– 可以直接搜索到別人已創(chuàng)建的組件并預(yù)覽效果。

3. Trace AI 的定價

新用戶可以免費試用一個月，試用到期后每月$20。

二、AI + UI 重塑開發(fā)過程

“每次我開始新的 iOS 項目時，我都必須編寫大量的樣板代碼并從頭開始構(gòu)建 UI 組件。這是一個巨大的時間消耗。”

根據(jù)創(chuàng)始人 Vidy Thatte 的說法，一旦要開始一個新的 iOS 項目 ，從有想法到開始編碼的過程往往是出現(xiàn)障礙的地方，這需要非常多時間。同時，現(xiàn)階段的開發(fā)設(shè)計工具是有局限性的，它們并不能準(zhǔn)確反映應(yīng)用的動態(tài)特性，主要形態(tài)仍然為平面靜態(tài)視覺圖。

由于需求的把握以及交互的新穎，Trace AI 一經(jīng)推出就引發(fā)了社交平臺 X （原 Twitter ）的熱烈討論，用戶對 Trace AI 的突破性方法表示很驚喜。它將簡單語言轉(zhuǎn)化為完全功能的 Swift UI 代碼，并且在瀏覽器上實時預(yù)覽 iOS 組件的動態(tài)效果，不論是對于經(jīng)驗豐富抑或新入行的 iOS 開發(fā)人員都是一種強大的工具。

Trace AI 代表了應(yīng)用開發(fā)技術(shù)的一大飛躍。隨著移動應(yīng)用的需求持續(xù)增長，像 Trace AI 這樣的工具對于希望簡化工作流程，更有效地將創(chuàng)新想法變?yōu)楝F(xiàn)實的開發(fā)人員來說變得越來越重要。但對于無代碼基礎(chǔ)的人員來說，希望用該工具直接生成一個相對復(fù)雜的 APP ，還是比較難的。真正上手 Trace AI ，不僅需要對代碼領(lǐng)域有相對完善的認(rèn)知體系，還需要能夠精準(zhǔn)表達(dá) APP 組件功能和交互的純文字 prompt 。

而縱覽 AI + UI 賽道，雖然移動端應(yīng)用 AI 生成的道路才啟動不久，但在 PC 領(lǐng)域，今年已經(jīng)有不少落地的好項目。比如 Vercel 推出 v0 ，可以在 AI 的提示下，基于 shadcn / ui 和 Tailwind CSS 生成代碼并進(jìn)一步完善它。參考我們之前的文章：AI 生成 UI 界面，Vercel 最新推出生成式 UI 工具 V0；再比如 Tldraw 可以根據(jù)原型圖直接生成網(wǎng)頁代碼（下圖左方為白板畫的原型圖，右圖為生成的真實網(wǎng)頁）。

值得一提的是， AI 建站已經(jīng)不只是生成網(wǎng)頁，走在前面的企業(yè)已經(jīng)開始幫助 B 端客戶完成建站、風(fēng)險控制、電商營銷等全鏈路的工作。

比如 2023 年 3 月創(chuàng)建的 10web ，可以幫助客戶構(gòu)建網(wǎng)站、優(yōu)化網(wǎng)站速度、保護網(wǎng)站安全、幫助企業(yè)通過網(wǎng)站開展電商等營銷活動，成立之后每月網(wǎng)站的訪問量都達(dá)到 100 萬+。

比如對于一個零售客戶， 10web 可以在企業(yè)的如下階段給予幫助：

– 選擇足夠安全的托管提供商：10web 的自動化 WordPress 托管產(chǎn)品，提供了更快地加載速度，提供安全的備份及恢復(fù)能力。

– 構(gòu)建網(wǎng)站：幾分鐘內(nèi)設(shè)計一個功能齊全的在線商店，你可以要求 AI 從頭開始創(chuàng)建一個網(wǎng)站?；蛳蚱涮峁┮粋€網(wǎng)站的 URL 作為靈感，10Web 將創(chuàng)建一個具有類似設(shè)計但有企業(yè)獨特的品牌和內(nèi)容的在線商店。設(shè)計完成后，支持預(yù)覽且進(jìn)一步編輯設(shè)計。

– 建立庫存管理系統(tǒng)：WooCommerce 內(nèi)置了庫存管理功能，幫助企業(yè)進(jìn)行高效庫存管理。

– 優(yōu)化營銷效果：10web 提供了不同的產(chǎn)品，幫助企業(yè)進(jìn)行搜索引擎關(guān)鍵字優(yōu)化、自動進(jìn)行電子郵件等渠道營銷、分析營銷效果等。

除此之外， 10web 針對家居、珠寶、視頻行業(yè)都有較多成熟的網(wǎng)站構(gòu)建全鏈路 case ，不止幫助開發(fā)人員更快的完成網(wǎng)站生成工作，進(jìn)一步還能幫助企業(yè)加速創(chuàng)建更有吸引力的在線網(wǎng)站。對于企業(yè)來說，Website Builder 讓它可以專注于如何開展在線零售業(yè)務(wù)并在全球范圍內(nèi)營銷企業(yè)品牌，而不是構(gòu)建和設(shè)計網(wǎng)站的技術(shù)方面。

我們可以更大膽的想象，未來的網(wǎng)站或 APP ，可以完成自動化的托管。實現(xiàn)什么樣的產(chǎn)品功能、自動的上架新活動、根據(jù)活動效果進(jìn)行分析并且自動完成優(yōu)化工作，或許都可以交給 AI 助手來完成。

一個彩蛋：

Trace.ai 的 CEO Vidy 是一個非常有趣的年輕開發(fā)者，活躍在 Github 的同時還在 Notion 上寫日記，關(guān)于音樂（喜歡 J.Cole ）、產(chǎn)品思考（Sense說：給了我們很多產(chǎn)品研究的啟發(fā)，歡迎關(guān)注我們后續(xù)文章）、人生哲學(xué)和生活碎碎念。

Vidy 的 Notion 日記

Vidy 還寫了一個 AI 輔助創(chuàng)作的產(chǎn)品 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/