Relay for Figma 會偵測各種問題,這可能導致產生的程式碼出現問題,例如命名衝突或使用不支援的 Figma 屬性。使用 UI 套件時,警告和封鎖問題會在外掛程式視窗的底部顯示。
![外掛程式左下方的顯示問題數量](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/check-errors/number-of-issues.png?authuser=0000&hl=zh-tw)
按一下紅色訊息即可檢視問題的詳細資訊。
![封鎖問題和警告清單](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/check-errors/list-of-issues.png?authuser=0000&hl=zh-tw)
必須先解決封鎖問題,才能與開發人員分享 UI 套件。警告表示有造成封鎖問題的風險,但一般不會讓設計人員無法與開發人員分享設計。
解決封鎖問題解決和警告時,它們就會從問題面板中消失。解決所有封鎖問題和警告後,錯誤訊息就會消失。
如需支援功能與不支援功能的詳細資料,請參閱 Figma 和轉譯限制。
範例
以下 UI 套件在父項與子項套件之間發生名稱衝突:「direction」。釐清這兩個名稱可防止在產生的程式碼中發生錯誤。
![重新命名參數以解決問題](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/check-errors/resolving-the-issue.png?authuser=0000&hl=zh-tw)
檢查「與開發人員分享」畫面的錯誤
「Share with developer」畫面會顯示所有可能導致開發人員匯入或建構錯誤的封鎖錯誤。
![封鎖可能導致匯入或建構錯誤的錯誤](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/check-errors/check-errors-share-with-developer-fig-1.png?authuser=0000&hl=zh-tw)
如果是從 UI 套件畫面存取,這個頁面會顯示頁面上所有 UI 套件中的所有封鎖錯誤。
![所有 UI 套件中的所有封鎖錯誤](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/check-errors/check-errors-share-with-developer-fig-2.png?authuser=0000&hl=zh-tw)