見出し画像

Figmaのブックマークプラグインを作ってみた

最近Figmaのプラグイン、figmarkを作ったので紹介させてください。

大規模になったFigmaのデータを触っていて、こんなことありませんか?
・ページの行き来が多くて迷子になる
・よく確認する場所をよく見失う

そうだ、コンポーネントをブックマークできるプラグインを作ろう。

画像1

figmarkを作りました。

使い方は簡単!

1. 公式からfigmarkをインストール
2. Figmaの何もないところで右クリック>Plugins>figmark

スクリーンショット 2021-10-03 15.30.18

3. 追加したいレイヤーを選択して、+ボタンをクリック

スクリーンショット 2021-10-03 15.33.14

4. Figmaの操作同様、figmarkもダブルクリックで名前を変更、
ホバーするとゴミ箱マークが表示され、クリックで削除できます。

スクリーンショット 2021-10-03 15.34.45

5. figmarkに追加したものは、クリックするとFigmaのレイヤーが選択され、簡単に見つけることができます。

今後、ドラッグで順番を変更できるようにアップデートする予定です!

注意

保存内容
Figmaはブラウザ版と、インストールして使うデスクトップアプリケーション版がありますが、ブックマークの内容はブラウザとデスクトップアプリケーション間で共有することはできません。
ブラウザで保存したものは、ブラウザでのみ確認可能です。

レイヤーの選択
Figmaの仕様上、プラグインからレイヤーを選択させてもフォーカス(画面中央に表示)されない場合があります。
その際は、レイヤーを選択した上でFigmaのショートカット「Zoom to selection」(shift + 2)を使用すると画面中央に表示されます。


よければfigmark使ってみてください!
三日坊主より。

この記事が気に入ったらサポートをしてみませんか?