エラーを確認する
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Relay for Figma は、生成されるコードに問題を引き起こす可能性のある問題(名前の競合やサポートされていない Figma プロパティの使用など)を検出します。UI パッケージで作業していると、プラグイン ウィンドウの下部に警告とコード生成の妨げになる問題が表示されます。
赤いメッセージをクリックすると、問題の詳細が表示されます。
UI パッケージをデベロッパーと共有する前に、コード生成の妨げになる問題を解決する必要があります。警告は、コード生成の妨げになる問題を引き起こすリスクを示していますが、通常は、デザイナーがデベロッパーとデザインを共有する妨げにはなりません。
コード生成の妨げになる問題と警告を解決すると、それらは問題パネルに表示されなくなります。コード生成の妨げになる問題と警告をすべて解決すると、エラー メッセージが表示されなくなります。
サポートされる機能とサポートされていない機能について詳しくは、Figma と変換の制限事項をご覧ください。
例
次の UI パッケージは、親パッケージと子パッケージの間で「direction」という名前が競合しています。この 2 つの名前を明確に区別すると、生成されるコードのエラーを防止できます。
[デベロッパーと共有] 画面でエラーを確認しています
[デベロッパーと共有] 画面には、デベロッパーからのインポートエラーやビルドエラーを引き起こす可能性があるブロックエラーが表示されます。
UI パッケージ画面からアクセスした場合は、ページ上のすべての UI パッケージのブロックエラーがすべて表示されます。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2024-03-25 UTC。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]
{"lastModified": "\u6700\u7d42\u66f4\u65b0\u65e5 2024-03-25 UTC\u3002"}
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2024-03-25 UTC。"]]