エラーを確認する

Relay for Figma は、生成されるコードに問題を引き起こす可能性のある問題(名前の競合やサポートされていない Figma プロパティの使用など)を検出します。UI パッケージで作業していると、プラグイン ウィンドウの下部に警告とコード生成の妨げになる問題が表示されます。

プラグインの左下にいくつかの問題が表示されています

赤いメッセージをクリックすると、問題の詳細が表示されます。

コード生成の妨げになる問題と警告のリスト

UI パッケージをデベロッパーと共有する前に、コード生成の妨げになる問題を解決する必要があります。警告は、コード生成の妨げになる問題を引き起こすリスクを示していますが、通常は、デザイナーがデベロッパーとデザインを共有する妨げにはなりません。

コード生成の妨げになる問題と警告を解決すると、それらは問題パネルに表示されなくなります。コード生成の妨げになる問題と警告をすべて解決すると、エラー メッセージが表示されなくなります。

サポートされる機能とサポートされていない機能について詳しくは、Figma と変換の制限事項をご覧ください。

次の UI パッケージは、親パッケージと子パッケージの間で「direction」という名前が競合しています。この 2 つの名前を明確に区別すると、生成されるコードのエラーを防止できます。

パラメータの名前を変更して問題を解決する

[デベロッパーと共有] 画面でエラーを確認しています

[デベロッパーと共有] 画面には、デベロッパーからのインポートエラーやビルドエラーを引き起こす可能性があるブロックエラーが表示されます。

インポート エラーやビルドエラーを引き起こす可能性のあるブロックエラー

UI パッケージ画面からアクセスした場合は、ページ上のすべての UI パッケージのブロックエラーがすべて表示されます。

すべての UI パッケージのすべてのブロックエラー