メインコンテンツまでスキップ

オンラインダイアグラム作図ツール

きれいなダイアグラム作成を無料で

複雑なユーザーフロー、処理手順、システムなどをダイアグラムを使ってすっきりと視覚表現しましょう。

FigJamは以下のブランドのチームの信頼を得ています

SquareのロゴdwellのロゴstripeのロゴNetflixのロゴSpotifyのロゴ

全員の共同作業で

ユーザージャーニーの設計でも社内プロセスの構築でも、FigJamを使用すればチーム全員で、複雑な問題を分かりやすいダイアグラムに落とし込むことができます。

シェイプやグリッドに合わせて配置できるコネクターを使ってダイアグラムを作成している3つのカーソルシェイプやグリッドに合わせて配置できるコネクターを使ってダイアグラムを作成している3つのカーソル

ダイアグラムを手軽に作成

グリッドに合わせて配置できる図形やコネクターを使って、作業しながらフローを簡単に作成できます。

ズームインしたモバイルスクリーンで、ユーザーフローの「ホーム」と「ブラウズ」のページが見えている画面ズームインしたモバイルスクリーンで、ユーザーフローの「ホーム」と「ブラウズ」のページが見えている画面

一目で分かるジャーニーマップ

ユーザージャーニーのダイアグラムのデザイン性を高め、関係者がフローでのユーザーエクスペリエンスを確認しやすくします。

「ジャーニーマップ」というタイトルのセクションで、「認知度」と「要検討」という2つのタイトルの下に付箋が付けられている「ジャーニーマップ」というタイトルのセクションで、「認知度」と「要検討」という2つのタイトルの下に付箋が付けられている

一緒に、考え抜く

仲間との共同作業でダイアグラムをリアルタイムで描きながら、バラエティーに富んだマップやフロー図などを作りましょう。

的確で洗練されたダイアグラムの作成に必要なものがすべて揃っています

オレンジのひし形とバウンディングボックス。その上のカラーピッカーではオレンジを選択中オレンジのひし形とバウンディングボックス。その上のカラーピッカーではオレンジを選択中

お望みどおりに

色はカラーパレットから選んでください。ドラッグアンドドロップできるシェイプを選ぶか、コミュニティ作のカスタムシェイプを見つけて、内容にぴったりのシェイプを使いましょう。

あるステップから次のステップへのコードの異なる状態を示すダイアグラム内のコードブロックあるステップから次のステップへのコードの異なる状態を示すダイアグラム内のコードブロック

リアルな表現を

Figmaライブラリから図にスクリーン、コードブロック、その他コンポーネントを追加し、臨場感とコンテクストを加えることができます。

複雑なユーザージャーニーを書き起こすのは細かい作業が必要で大変です。FigJamを使うことで、数ヶ月にもわたるプロジェクトの初期の、いつもなら収拾のつかないことになりかねない段階を、1つのファイルだけで管理できました。

Netflixプロダクトデザイナー Emily Loper氏

手書きの雲形の中にネットフリックス社のロゴ
ケーススタディを読む

FAQ

FigJamは他にもさまざまな用途に使えます

付箋、手書き矢印、上側に1-3のステップがセクションで区分されたホワイトボード付箋、手書き矢印、上側に1-3のステップがセクションで区分されたホワイトボード

アジャイルなワークフロー

ミーティングや振り返りなど、スプリントを前進させるための会話を促進します。

詳しくはこちら

さまざまなサイズの付箋と手描きのイラストによって作られた、抽象的な図形さまざまなサイズの付箋と手描きのイラストによって作られた、抽象的な図形

オンラインホワイトボード

リモートチームと協力して、よりスピーディーに可能性を計画に落とし込みます。

詳しくはこちら

開始と起動のタイムライン計画の概要を形作っている、様々な種類の付箋開始と起動のタイムライン計画の概要を形作っている、様々な種類の付箋

戦略とプランニング

プロジェクト計画からロードマップ作成までのあらゆる段階で意見を一致させてアイデアをアクションに変えます。

詳しくはこちら