跳至內容

你的 v0 畫面就是設計。
接下來是 iPhone 應用程式。

v0 給你的是 Vercel 上的 Next.js 畫面。AirBuild 的設計與工程 Agent 會逐一讀懂每個畫面,再用 iOS 控制項重新建構。
相同的結構、文案和層級。

搶先體驗,將從候補名單中發出邀請。

ledger-studio.vercel.app/invoices

Vercel 從你的 GitHub 儲存庫部署

繼續在 v0 中設計。AirBuild 可以自動同步你的變更。

相同的畫面,換成 iOS 控制項。

範例:小型工作室的發票管理。
  • 資料表格 列表 可滑動操作的列,並支援下拉重新整理
  • 對話框 工作表 從底部向上滑出,向下滑動即可關閉
  • 分頁 分段控制 或每個分頁對應一個 Form 區段
  • 指令選單(⌘K) 搜尋欄位 位於列表頂端,就像 Mail
  • 下拉式選單 選單 從工具列按鈕開啟
  • 側邊欄導覽 標籤列 三到五個標籤
v0 畫面的各個部分會變成什麼。你設計的頁面會保留結構和文字,每個網頁控制項則換成具有相同功能的 iOS 控制項。

v0 給了你什麼。
一個網站,以及設計。

v0 會用 Next.js、Tailwind 和 shadcn/ui 產生程式碼,在瀏覽器中預覽,再部署到 Vercel:工作分支有預覽部署,發布時則更新具有固定網址的正式部署。連接 GitHub 後,v0 會提交到工作分支、開啟 pull request,並在發布時合併。

結果仍是網站,無論畫面看起來多像應用程式。有些 v0 專案連接資料庫或 API,有些仍使用預留位置資料。兩者都很適合作為起點:後端留在原處,預留位置資料也可以等你決定後再更換。

需要帶上什麼。
只要連結。

  1. v0 專案的部署網址,或它同步到的 GitHub 儲存庫。

閱讀完整指南:從 v0 到 iOS 應用程式