Relay for Figma は、生成されるコードに問題を引き起こす可能性のある問題(名前の競合やサポートされていない Figma プロパティの使用など)を検出します。UI パッケージで作業していると、プラグイン ウィンドウの下部に警告とコード生成の妨げになる問題が表示されます。
赤いメッセージをクリックすると、問題の詳細が表示されます。
UI パッケージをデベロッパーと共有する前に、コード生成の妨げになる問題を解決する必要があります。警告は、コード生成の妨げになる問題を引き起こすリスクを示していますが、通常は、デザイナーがデベロッパーとデザインを共有する妨げにはなりません。
コード生成の妨げになる問題と警告を解決すると、それらは問題パネルに表示されなくなります。コード生成の妨げになる問題と警告をすべて解決すると、エラー メッセージが表示されなくなります。
サポートされる機能とサポートされていない機能について詳しくは、Figma と変換の制限事項をご覧ください。
例
次の UI パッケージは、親パッケージと子パッケージの間で「direction」という名前が競合しています。この 2 つの名前を明確に区別すると、生成されるコードのエラーを防止できます。
[デベロッパーと共有] 画面でエラーを確認しています
[デベロッパーと共有] 画面には、デベロッパーからのインポートエラーやビルドエラーを引き起こす可能性があるブロックエラーが表示されます。
UI パッケージ画面からアクセスした場合は、ページ上のすべての UI パッケージのブロックエラーがすべて表示されます。