Relay for Figma 會偵測各種問題,這可能導致產生的程式碼出現問題,例如命名衝突或使用不支援的 Figma 屬性。使用 UI 套件時,警告和封鎖問題會在外掛程式視窗的底部顯示。

按一下紅色訊息即可檢視問題的詳細資訊。

必須先解決封鎖問題,才能與開發人員分享 UI 套件。警告表示有造成封鎖問題的風險,但一般不會讓設計人員無法與開發人員分享設計。
解決封鎖問題解決和警告時,它們就會從問題面板中消失。解決所有封鎖問題和警告後,錯誤訊息就會消失。
如需支援功能與不支援功能的詳細資料,請參閱 Figma 和轉譯限制。
範例
以下 UI 套件在父項與子項套件之間發生名稱衝突:「direction」。釐清這兩個名稱可防止在產生的程式碼中發生錯誤。

檢查「與開發人員分享」畫面的錯誤
「Share with developer」畫面會顯示所有可能導致開發人員匯入或建構錯誤的封鎖錯誤。

如果是從 UI 套件畫面存取,這個頁面會顯示頁面上所有 UI 套件中的所有封鎖錯誤。
