Figmaで画面遷移図やフローチャートをつくる方法

Figmaでデザインをした際に、画面遷移図を作成したい時はありませんか？

そんなときは、プラグイン「Autoflow」を使うと簡単に作成が可能です。

使い方は、

1. オブジェクトを作成

2. Autoflowのプラグインを選択

3. Shiftを押しながら矢印の始点→終点の順でオブジェクトを選択

また、プラグインで矢印の太さなどの調整や説明テキストを追加することが可能です。

ちなみに、プラグインを使わなくてもFigJamから矢印をコピー&ペーストしてフローチャートを作ることも可能です。

Figma上でフローチャートが作成できれば、デザインしながら画面の遷移も表現できて仕様が共有しやすいですね！

この記事の関連シリーズ

Figmaの役立つTips特集

FigmaでのWebデザインやUIデザイン制作に、知っておくと役立つFigmaの便利な使い方やショートカットを紹介する連載企画。プラグインやウィジェットなど、『Figma Community』に公開されているおすすめのリソースも紹介！