公開日: 2023.03.17 　|　更新日: 2023.03.17

Figmaとの連携で便利な外部ツールの使い方

今回は、Jira、Norion、Googleカレンダーといった、Figma・FigJamと連携すると便利な外部ツールの使い方をいくつか紹介します。いずれも基本的に無料で使える連携方法を紹介していますので、目的に合わせて試してみてください。

Figma・FigJamにJiraなどの課題管理ツールのチケットを表示する

プロジェクト管理で、課題をJira・GitHub・Asanaなどのチケットで管理している場合、Figma・FigJamで作成したデザインデータや画面遷移図・クラス図などの資料をチケットと関連づけることが多いと思います。

Figmaのウィジェット機能を使うことで、これらのツールのチケットをファイル内に可視化することができます。以下は各ウィジェットへのリンクです。

また、以下の記事でウィジェット機能の探し方と使い方を紹介していますので、参考にしてください。

今回はFigmaで新しく使えるようになったウィジェット機能について解説します。ウィジェットは元々FigJamで先行利用できていた機能で、プラグインとは異なり複数名でコラボレーションする際に複数名同時に活用できるツールとなっています。 ... 続きを読む

Figma・FigJamは外部ツールとのAPI連携に対応しており、基本的にURLを共有するとファイルのプレビューやサムネイルを画像として表示されます。Notionの例では、ファイル内のオブジェクトのリンクをページに貼り付けることで、オブジェクトを直接表示することもできます。

以下の記事ではNotionでの連携方法と使い方を紹介しています。

今回は、NotionにFigma/FigJamを連携する方法を紹介します。連携することで、Notionのページ内にFigma/FigJamのファイルをプレビューしたり、iframeの埋め込みが表示できるようになります。 ... 続きを読む

Figma・FigJamではファイルのプレビューをiframeで共有することができます。iframeで共有すると、ファイル内を自由に移動したり拡大・縮小など、URLで共有したときよりもリッチな操作ができます。

以下の記事で具体的なやり方を紹介しています。

今回は、Notionのページ上にYoutubeやGoogleカレンダーなど、外部サービスの埋め込みコードを表示する方法を紹介します。Notionのページ上でYoutubeの動画を再生したり、GoogleカレンダーやFigmaのデザインなどのプレビューを表示する際に便利です。 ... 続きを読む

複数人が参加する会議などの予定にFigma・FigJamの予定を連携する方法を以下の記事で紹介しています。議論のアジェンダや事前に見ておいて欲しい資料としてFigma・FigJamを改めて共有する手間が省けるので便利です。

今回はFigmaやFigJamのファイルをGoogleカレンダーのイベントスケジュールに簡単にリンクできるchrome拡張「Figma」の使い方を紹介します。FigmaやFigJamを利用する会議のスケジュールを作成したい場合などに便利です。 ... 続きを読む

今回は、NotionでTodoや議事録といった定期的に作成・記録するドキュメントを、繰り返し自動生成する方法を紹介します。デイリーミーティングの議事録から、毎週行うプライベートタスクのチェックリストの作成におすすめです。 ... 続きを読む

今回は、Figmaで図形やフレームを追従する矢印でつないで、簡単にフローチャートや画面遷移図をつくる方法を紹介します。サイトマップ作成やアプリケーションのUXを検討する際に、画面同士を矢印で繋ぐことで動線を検討したり、概念モデルを整理するのに役立ちます。 ... 続きを読む

今回は、FigmaやFigJamでオブジェクトモデル（概念モデル）やクラス図を表現する方法を紹介します。データモデルを設計したい場合や、既存の画面からデータモデルをリバースモデリングしたい場合に役立ちます。 ... 続きを読む