開発リソースは、開発者がコンポーネントをより適切に理解し構築するために役立つ外部ドキュメントを誰でも追加できる優れた手段です。開発リソースは、Figmaデザイン内のオブジェクトにリンクさせることができ、多くの場合ドキュメントまたはソースコードに関連付けられます。開発リソースを使用すると次のことが実行できます。

• ソースコードにすばやくアクセスするためにGitHubファイルをコンポーネントにリンクする
• モックアップの特定の部分にJiraチケットを割り当てる
• Storybookに接続してFigmaでストーリーを表示する

開発リソースにリンクする

開発リソースはキャンバス上のどのレイヤーにも追加できます。開発リソースをコンポーネントに追加すると、リンクはそのコンポーネントのすべてのインスタンスで継承されます。開発リソースをコンポーネントのインスタンスに追加すると、リンクはそのインスタンスに対してのみ表示されます。

開発リソースにリンクするには、次の手順に従います。

1. 追加するURLをコピーします。
2. 開発モードで、キャンバス上のレイヤーを選択します。
3. インスペクトパネルの[開発リソース]の横にある[リンクを追加]をクリックして、リンクを貼り付けます。
4. Enterを押します

リンクされた開発リソースを削除する

1. [開発リソース]で、リンクの横にある[追加オプション]をクリックします。
2. [リンクを削除]を選択します。