總覽

Relay 橫幅圖片

Relay 提供設計人員與開發人員之間的 Android UI 元件即時切換。

設計人員會使用 Relay for Figma 外掛程式將 UI 元件加上註解並包裝,以供開發人員使用,包括版面配置、樣式、動態內容和互動行為等資訊。

開發人員使用 Relay for Android Studio 外掛程式匯入 UI 套件,並產生完美像素的 Jetpack Compose 程式碼。此程序提供免安裝版面配置和樣式實作,並加速繫結資料程序。UI 套件可以包含樣式和主題,並參照程式碼中的設計系統元件。

Relay 無須顧及繁瑣設計規格和通訊迴圈的小細節。隨著產品演進,您可以在整個程式碼集中更新、擴充並採用 UI 套件。

首先,您必須使用 Relay for Figma 外掛程式建立 UI 套件。建立 UI 套件後,使用 Relay for Android Studio 外掛程式將 UI 套件轉換為 Jetpack Compose 程式碼。

Relay for Figma 和 Relay for Android Studio

設計人員和開發人員可以使用 Relay for Figma 外掛程式新增內容參數與互動處理常式,以擷取設計中的動態元素,並在可組合函式中產生對應的參數。

在 Figma 外掛程式中新增的參數會變成可組合函式中的參數

Relay 團隊正在開發對於質感設計和其他自訂設計系統的支援。我們目前支援兩種實驗功能,協助您在設計系統與 Compose 實作項目之間進行對應:Figma 樣式對應Figma 元件對應

Relay 目前為 Alpha 版產品,我們希望您能使用此產品,並說明其功能是否符合您的需求。我們會根據您的意見回饋定期推出版本,改善效能、功能和整體工作流程。

下一步

如要開始使用 Relay,最好的辦法就是完成教學課程,嘗試完整的端對端工作流程。雖然日常 Relay 的日常使用情況可能只著重在工作流程的一部分,但瞭解設計者和開發人員如何運用 Relay 建立 Android 應用程式,對您很有幫助。

立即安裝 Relay