Bilt icon

Bilt

Bilt 將指定的 Figma 畫面轉成可運作的 iPhone 與 Android App,適合設計師與協作者減少交接與手動重建,並將程式碼保留在 GitHub。

Bilt

概覽

Bilt 是一款 Figma 轉 App 產品,會將 Figma 檔案中選定的畫面轉成可運作的 App。流程從 Figma 中的 Bilt 外掛開始,接著進入 Bilt,選擇要建置的畫面並生成 App。

此產品是為設計師與與其協作的人所打造。其宣稱目的是透過將設計的間距、字型與色彩帶入可在 iPhone 與 Android 上執行、並可送往 App Store 的 App,來減少交接摩擦與手動重建。

核心功能

Figma 外掛匯入

在 Figma 中開啟設計、執行 Bilt 外掛,並將檔案加入 Bilt,把畫面帶入 App 建置流程。

逐個畫面選擇

選擇要建置的特定畫面或設計片段,而不是預設送出整個檔案。

原生 App 生成

將匯入的設計轉成可在 iPhone 與 Android 上開啟的真正 App,輸出可用於 App Store。

以真實設計資料建置

Bilt 表示它是根據實際的 Figma 檔案進行建置,保留版面配置意圖,而不是使用螢幕截圖式的近似結果。

無需 Figma 帳戶的協作

專案可在 Figma 帳戶之外分享,因此其他協作者也能從 Bilt 中加入的畫面進行工作。

程式碼所有權與 GitHub 匯出

Bilt 會將產生的 App 程式碼放到 GitHub,方便團隊編輯、擴充或移轉到其他地方。

常見使用情境

  • 驗證 App 概念的設計師

    設計師可以把 Figma 版面帶入 Bilt,選擇要建置的精確畫面,並檢視設計如何轉成 App,而不必手動重建畫面。

  • 跨職能團隊協作

    即使不是每個人都有 Figma 帳戶,產品團隊也能在 Bilt 中使用匯入的畫面協作,這對需要在設計工具之外共同作業的建置者與利害關係人很有幫助。

  • 想要可編輯程式碼輸出的團隊

    建置者可以從 GitHub 取得產生的 App 程式碼、進行編輯,並持續開發,而不必從空白專案開始。

  • 行動 App 發佈流程

    準備推出行動版 App 的人可以使用 Figma 工作流程生成 iPhone 與 Android App,並沿著流程朝 App Store 發佈前進。

Pros and Cons

Pros

  • 從真實的 Figma 檔案開始,而不是螢幕截圖,應更能保留原始設計意圖。
  • 可讓團隊選擇特定畫面來建置,而不必一次送出整個檔案。
  • 可產生可在 iPhone 與 Android 上執行的 App,首頁也提到可通往 App Store 發佈的路徑。
  • 將產生的程式碼分享至 GitHub,讓使用者能修改或將程式碼移轉到其他地方。
  • 支援匯入後的協作,包括沒有 Figma 帳戶的人也能使用。

Cons

  • 來源未詳細說明除 Figma 外掛與 GitHub 程式碼輸出之外的所有支援整合。
  • 所提供來源未完整說明免費方案、付費方案與 token 使用量的 دقیق限制。

FAQ

Figma 轉 App 的工作流程如何運作?

Bilt 的設計是將 Figma 畫面帶入 App 建置流程。來源指出,你可以先在 Figma 中開啟設計、執行 Bilt 外掛,然後把檔案加入 Bilt,接著就能把選定的畫面轉成 App。

協作者需要 Figma 帳戶嗎?

不需要。來源表示,當檔案加入專案後,任何人都可以把畫面拉進聊天中,而該流程的這部分不需要 Figma 帳戶。

Bilt 會根據 Figma 設計產生什麼?

來源指出,Bilt 會把你的設計轉成可在 iPhone 與 Android 上執行的真正 App,並且可以在手機上開啟,也能直接送交 App Store。

Bilt 有免費方案嗎?

定價頁面顯示有免費方案,以及可取得更多使用量與產品功能的付費方案。頁面也提到方案中的 Bilt 點數與每月 AI token 配額。

我擁有 Bilt 產生的程式碼嗎?

是。來源指出,Bilt 會把你的 App 程式碼放到 GitHub 上,而你可以修改它、在其上繼續開發,或將它帶走。

Quick Facts

類別
設計工具 / 開發者工具
主要流程
將 Figma 畫面生成 App
提及的平台
iPhone 與 Android
來源網域
bilt.me
定價模式
免費方案加付費方案
程式碼輸出
GitHub