はじめに

みなさんは、Figmaのプラグイン・FigJamのプラグインを作ったことはあるでしょうか？

作ったことがない方にとって、あまり違いが分かりずらいかなと思います。
そのため、この記事では、FigJamのプラグインの出来ること・出来ないことを中心に、FigmaとFigJamのプラグインの違いを紹介しようと思います。

FigJamのPluginで出来ること・出来ないこと

FigJamでは、専用のステッカーがあるため、Plugin APIを使用して、有効なライブラリのコンポーネントやFigmaのデザインファイルからFigJamのファイルに貼り付けられたデザインにはアクセスすることができます。

また、Plugin APIを使用して、FigJamのファイル内にあるローカルスタイルやインスタンスにもアクセスできます。

ただ、Plugin APIを使用してFigJamのファイル内に新しいコンポーネントを作成したり、既存のコンポーネントをバリアントに組み合わせたりすることはできません。そのため、以下の関数も使用できません

※ FigJamのファイルにある ComponentNode のインスタンスは作成することができます。

FigJamのファイルでPlugin APIを使用する場合、既存のノードに適用されたスタイルにのみアクセスできます。

ただ、以下の関数を使用してローカル・スタイルを作成したり、管理したりすることはできません。

FigJamのファイルには、固有のノード・タイプがいくつかあります。
FigJam のプラグイン API を使用すると、以下のようなノード・タイプを作成および変更できます。

StickyNode・ShapeWithTextNode・ConnectorNode・CodeBlockNode・MediaNode・TableNode

Figmaのファイル内にでこれらのノードを作成することはできませんが、Figmaファイル内のこれらのタイプの既存のノードを読み込んで変更することができます。

また、manifest.json に "editorType": ["figjam"] が含まれていない場合は、これらのノードに関連する以下の関数にはアクセスできません

FigJamのファイルはTimerをサポートしており、ファイル内のユーザが自分の活動に制限時間を設定し、カウントダウンを見ることができ、FigJamのファイルにアクセスすることができれば、誰でも見ることができます。

詳しくはこちらの記事をご覧ください

この記事では、FigJamのプラグインの出来ること・出来ないことを中心に、FigmaとFigJamのプラグインの違いを紹介しました。
この記事を参考にFigJamのプラグインを作成してみてください。

最後まで読んでくださってありがとうございます！

普段はデザインやフロントエンドを中心にQiitaで記事を投稿しているので、ぜひQiitaのフォローとX(Twitter)のフォローをお願いします。