Whimsical

公式

AIに視覚的なワークスペースを任せて、ブレインストーミング、フローチャート、マインドマップ、ワイヤーフレーム、技術図を作成させましょう。

whimsical.com で表示

Whimsical MCPで何ができますか？

  • Create flowcharts from descriptions — Ask the AI to generate a flowchart in your workspace using create_diagram, e.g. from a process or logic description.
  • Generate sequence diagrams — Use create_diagram to turn API flows or system interactions into sequence diagrams.
  • Build mind maps for brainstorming — Have the AI create a mind map via create_diagram to explore features, ideas, or project plans.
  • Produce wireframe outlines — Request a wireframe with create_diagram to sketch page layouts or UI concepts.
  • Search your workspace files — Find diagrams or docs by name or topic using search_files and get links or embeds back.
  • Read and summarize Whimsical files — Ask the AI to retrieve and summarize content from a specific file in your workspace.

ドキュメント

学習

検索K

読み込み中…アプリを開く

カテゴリ

  • はじめに
    • Whimsicalとは？
    • フローチャートを始める
    • マインドマップを始める
    • ワイヤーフレームを始める
    • Whimsicalでできること
    • Whimsicalボードを使う
    • Whimsical AIを始める
    • AI支援マインドマッピング
    • Whimsicalの無限キャンバスを使う
    • 新しいファイルを作成する5つの方法
    • 新しいワークスペースを作成する方法
    • ファイルとフォルダのアイコンをカスタマイズする
    • Whimsicalファイルでのメンション
    • 図形のカスタマイズ
    • シーケンス図を始める
    • コマンドメニューを使う
  • Whimsicalボード
    • Whimsicalファイルでのコメント
    • フローチャートを始める
    • マインドマップを始める
    • ワイヤーフレームを始める
    • Whimsicalボードを使う
    • Whimsicalファイルでのメンション
    • 図形のカスタマイズ
    • Whimsicalキャンバスでのセクションの使用
    • フリーハンド描画でキャンバスにスケッチ
    • 詳細を追加するためのファイル注釈
    • テキストからオブジェクトへの貼り付けオプション
    • Whimsicalファイルでのリンクの追加と表示
    • セクションやオブジェクトへのリンク
    • 線の引き方
    • 選択したオブジェクトのフィルタリング方法
    • Whimsicalでのプレゼンテーション
    • 付箋への投票
    • ボードでのタイマー使用
    • グリッドと自動整列の操作
    • コネクタの操作
    • Whimsicalにはクラウドアーキテクチャアイコンがありますか？
    • Whimsicalでのテーブル使用
    • ボードでの付箋の使用
    • 大規模ボードでのパフォーマンス最適化
    • スペルチェックの使用
    • カスタムサムネイルの設定
    • ワイヤーフレームモードでのオーバーレイの仕組み
    • 一部のボードアイテムの色が薄くなるのはなぜですか？
    • 絵文字の追加方法
    • コラボレーション中のカーソル非表示
    • ボード内のオブジェクト間の距離測定
    • Whimsicalへのファイルアップロード
    • シーケンス図を始める
    • WhimsicalでのMermaidコードの操作
    • 整列、分布、自動レイアウトでボードを整理する
  • Whimsicalドキュメント
    • ドキュメントを始める
    • WhimsicalでのMarkdownサポート
    • トグルでテキストを折りたたむ
    • Whimsicalへの外部コンテンツの埋め込み
    • ドキュメントでのページ幅とテキストサイズの変更
    • コードブロックでのシンタックスハイライト
  • AI
    • ChatGPT用Whimsicalアプリ
    • Claude用Whimsicalコネクタ
    • Whimsical AIを始める
    • AI支援マインドマッピング
    • AI補足条項
    • MCP
    • Whimsical MCP
    • Whimsical MCP - サポートされているツール
  • よくある質問
    • ファイルとフォルダのアイコンをカスタマイズする
    • 線の引き方
    • 選択したオブジェクトのフィルタリング方法
    • WhimsicalでのMarkdownサポート
    • Whimsicalにはクラウドアーキテクチャアイコンがありますか？
    • Whimsicalへの外部コンテンツの埋め込み
    • ワイヤーフレームモードでのオーバーレイの仕組み
    • ファイルの移動とコピー
    • モバイルでのWhimsical使用
    • Whimsicalにダークモードはありますか？
    • ファイルのバージョン履歴
    • 一部のボードアイテムの色が薄くなるのはなぜですか？
    • Whimsicalはオフラインモードをサポートしていますか？
    • チーム、ワークスペース、セクションの説明
    • WhimsicalはiPadで動作しますか？
    • ワークスペースでの無料ビューアのコメント
    • Whimsicalデスクトップアプリ
    • Whimsicalは他の言語で利用できますか？
    • Sketchのように動作するようWhimsicalのズーム方向を反転する
    • 問題のトラブルシューティングとバグの報告
    • 絵文字の追加方法
    • チームFAQ
    • ゴミ箱から削除したファイルを復元する方法
    • Whimsicalワークスペース内の検索
    • ワークスペースでのファイル整理
    • アップグレードしたのに有料機能にアクセスできません
    • ファイルを編集できないのはなぜですか？
    • Whimsicalでのコンテンツ報告
    • Whimsicalにアフィリエイトまたは紹介プログラムはありますか？
    • 他のユーザーとのリアルタイムコラボレーション
    • ファイルの共有とアクセス権限の管理
    • コラボレーション中のカーソル非表示
    • ワークスペースの切り替え方法
    • フィードバックと機能リクエストの共有
  • キーボードショートカット
    • Windows (PC) 用キーボードショートカット
    • Mac用キーボードショートカット
  • アカウント設定
    • 通知受信箱
    • パスワードの変更またはリセット方法
    • Sketchのように動作するようWhimsicalのズーム方向を反転する
    • Whimsicalでの通知のカスタマイズ
    • Whimsicalアカウントの確認方法
    • アカウントの削除方法
    • アカウントへの名前とアバターの追加
    • アカウントのメールアドレス変更、または新しいアドレスの追加
  • サブスクリプションと請求
    • アカウントのクレジットカード詳細の更新
    • ワークスペースでの請求の仕組み
    • 請求情報の更新
    • アップグレードしたのに有料機能にアクセスできません
    • サブスクリプションのキャンセル方法
    • 価格と割引
    • 請求書の場所
    • Whimsicalの請求書の理解
    • 消費税とVAT
  • ワークスペースの管理
    • 新しいワークスペースを作成する方法
    • チーム、ワークスペース、セクションの説明
    • ワークスペースでの無料ビューアのコメント
    • ファイルアクセスのリクエスト
    • ワークスペースの検出設定
    • ファイルとフォルダの並べ替え
    • ワークスペースメンバーの役割変更
    • メンバーの追加と削除
    • チームFAQ
    • チームの作成と管理
    • ワークスペース編集者アクセスのリクエスト
    • ファイル間のリンク
    • Whimsicalでのメンバー役割
    • ワークスペースの削除方法
    • ワークスペースのアップグレード方法
    • ゲストアクセス
    • ワークスペース名、ロゴ、URLの変更
    • 他のユーザーとのリアルタイムコラボレーション
    • ユーザーのオフボーディング
    • ファイルの共有とアクセス権限の管理
    • ワークスペースの切り替え方法
    • ワークスペースの統合
    • Whimsicalへのファイルアップロード
    • タブ付きフォルダでの作業整理
    • SAML
    • SAMLセッション有効期限の設定
    • セキュリティ
    • 新しいワークスペース作成の防止
  • ファイルと整理
    • ファイルとフォルダのアイコンをカスタマイズする
    • ファイルの移動とコピー
    • ファイルのバージョン履歴
    • ゴミ箱から削除したファイルを復元する方法
    • Whimsicalワークスペース内の検索
    • ワークスペースでのファイル整理
    • ファイルを編集できないのはなぜですか？
  • インポートとエクスポート
    • テキストからオブジェクトへの貼り付けオプション
    • Whimsicalからのコンテンツエクスポート
    • Whimsicalファイルの埋め込み
    • Whimsicalへのインポート
    • WhimsicalでのMermaidコードの操作
  • 統合
    • ChatGPT用Whimsicalアプリ
    • Claude用Whimsicalコネクタ
    • Jira Issuesとのボード埋め込みと統合
    • WhimsicalとGoogle Docsの統合
    • ClickUpビューへのファイル埋め込み
    • Asanaへのファイル埋め込み
    • Whimsicalファイルの埋め込み
    • Whimsicalファイル用のJira & Confluenceスマートリンクの作成
    • Guruへのファイル埋め込み
    • Trelloへのファイル埋め込み
    • Notionへのボード埋め込みと統合
    • WhimsicalとGitHubの統合
    • Zendeskへのファイル埋め込み
    • EmbedKitを使ったアプリでのWhimsical埋め込みサポート
    • SlackでのWhimsicalプレビューと通知
    • Canvaへのファイル埋め込み
    • WhimsicalとLinearの統合
    • Nuclinoへのファイル埋め込み
    • Mondayへのファイル埋め込み
    • Mediumへのファイル埋め込み
    • Slabへのファイル埋め込み
    • Codaへのファイル埋め込み
    • Whimsical API (ベータ版)
    • MCP
    • Whimsical MCP
    • Whimsical MCP - サポートされているツール
  • セキュリティ、SAML、SCIM
    • Whimsicalでのコンテンツ報告
    • SAML
    • WhimsicalでのSAML SSO
    • OktaとのSAML SSO
    • Auth0とのSAML SSO
    • OneLoginとのSAML SSO
    • Microsoft Entra ID (Azure AD) とのSAML SSO
    • Google Workspace (旧G-Suite) とのSAML SSO
    • Active Directory Federation Services (ADFS) とのSAML SSO
    • 他のIDプロバイダーとのSAML SSO
    • SAMLセッション有効期限の設定
    • SAMLとSCIMでのメール変更管理
    • SCIM
    • OktaとのSCIM設定
    • JumpCloudとのSCIM設定
    • Entra ID (Azure AD) とのSCIM設定
    • OktaでのグループによるSCIMプロビジョニング
    • WhimsicalでのSCIMユーザープロビジョニング
    • Entra ID (Azure AD) でのグループによるSCIMプロビジョニング
    • セキュリティ
    • 二要素認証 (2FA) の設定
    • 新しいワークスペース作成の防止
    • Whimsicalドメインのホワイトリスト登録
    • 複数デバイスでのWhimsicalアカウントへのサインイン
  • カラーテーマとテンプレート
    • ファイルとフォルダのアイコンをカスタマイズする
    • カスタムカラーとテーマ
    • テンプレートの作成と使用
  • リリース
  • 利用規約とポリシー
    • AI補足条項
    • 利用規約
    • プライバシー通知
    • データ処理補遺
    • サブプロセッサーリスト
    • Cookieポリシー
    • セキュリティポリシー
    • 許容される利用ポリシー
    • マスターサービス契約
    • 地域別プライバシー通知補足
  • お問い合わせ

Whimsicalステータスステータスお問い合わせ

  • 学習
  • 統合
  • Whimsical MCP

Whimsical MCP

WhimsicalのMCP（モデルコンテキストプロトコル）サーバーは、あなたのWhimsicalワークスペースをClaude、ChatGPT、CursorなどのAIツールに接続します。ワークスペース内のコンテンツの読み取りと書き込みを安全に行えるようにし、以下のような共同作業を可能にします：

  • Whimsicalボード上で複雑なプロセスを視覚化する。
  • フローチャートでSOPをマッピングする。
  • プロンプトやコードからワイヤーフレームを生成する。
  • Whimsicalのワイヤーフレームから動作するプロトタイプをコーディングする。
  • その他多数！

ステップ1: MCPクライアントをセットアップするコピーしました！このセクションへのリンク

以下の手順に従って、特定のクライアントにWhimsicalのMCPサーバーを追加してください。

Claudeコピーしました！このセクションへのリンク

WhimsicalはClaudeのコネクタディレクトリで認証済みコネクタです。ディレクトリから直接見つけるか、https://claude.ai/directory/connectors/whimsical. に直接アクセスできます。

開いたら、接続をクリックしてWhimsical認証を完了します。その後、ClaudeはあなたのWhimsicalコンテンツにアクセスして操作できるようになります。

ChatGPTCopied!Link to this section

ChatGPT専用のWhimsicalアプリを使用できます。

  1. ChatGPTを開き、設定 → アプリ（またはサイドバーからアプリを開く）に移動します。
  2. Whimsicalを検索するか、この直接リンクを使用します。
  3. 接続をクリックして認証手順を完了します。

接続したら、任意のチャットで @Whimsical と入力して使用します。詳細については、ChatGPT用Whimsicalアプリの完全ガイドをご覧ください。

Cursorコピーしました！このセクションへのリンク

  1. Cursor → 設定 → Cursor設定を開きます。
  2. ツールとMCPに移動します。
  3. カスタムMCPを追加または**+ 新しいMCPサーバー**をクリックします。
  4. 以下の設定を入力して保存します：

{ "mcpServers": { "whimsical-remote": { "url": "https://mcp.whimsical.com/mcp" } } }

その他のクライアントコピーしました！このセクションへのリンク

現在、多くの他のツールがMCPサーバーをサポートしているため、以下の値を使用してWhimsicalのMCPサーバーを使用するように設定できます：

  • 名前: whimsical-remote
  • URL: https://mcp.whimsical.com/mcp

ステップ2: 認証コピーしました！このセクションへのリンク

MCPサーバーはWhimsicalアカウントでのOAuth認証を必要とします。必要なのはWhimsicalアカウントだけです。

ステップ3: 接続を確認するコピーしました！このセクションへのリンク

  • 「利用可能なWhimsicalツールは何ですか？」のようなプロンプトを送信します。MCPが接続されている場合、create_diagram、search_files などのツールのリストが表示されます。
  • Claude、ChatGPT、またはCursorのMCP設定ページで直接確認することもできます。

ステップ4: MCPクライアントにプロンプトを送るコピーしました！このセクションへのリンク

新しいチャットを開始し、Whimsicalで何かを行うように依頼します。始めるには、「Whimsical MCPで何ができますか？」と尋ねることができます。👌

プロセス図またはシーケンス図を作成するコピーしました！このセクションへのリンク

AIに技術プロセスをWhimsicalで視覚的な図に変換するよう依頼します。「典型的なOAuthフローのフローチャートを作成して」、「Slackが通知を送信する方法の図を作成して」、「APIリクエストが処理される方法を示すシーケンス図を生成して」などのプロンプトを試してください。

次のように表示されます：

  • MCPサーバーがワークスペースに新しいファイルを作成します
  • 提供されたコンテキストに基づいてフローチャートまたはシーケンス図を生成します
  • チャット内で直接作成されたコンテンツのプレビューが表示され、出力を確認したり操作したりできます

Whimsicalファイルの検索と参照Copied!Link to this section

AIがWhimsicalファイルを検索して読み取ることができるため、コンテキスト内でそれらを参照できます。「先月作成したシステムアーキテクチャ図を見つけて」や「Whimsicalで作成したユーザーフローを要約して」と試してみてください。

次のことが行われます:

  • MCPサーバーがワークスペース内のすべてのファイルを検索します
  • 一致するファイルを見つけます
  • 一致するファイルへのリンクを返すか、チャットに直接埋め込みます
  • 要求した要約を生成します

視覚的な計画とブレインストーミングCopied!Link to this section

AIを使用して、Whimsicalで直接マインドマップ、ワイヤーフレームのアウトライン、計画ドキュメントを作成します。「このプロジェクトの主要機能のマインドマップを作成して」や「新しい設定ページのワイヤーフレームアウトラインを作成して」と試してみてください。

次のことが行われます:

  • MCPサーバーがワークスペースに新しいファイルを作成します
  • 提供されたコンテキストに基づいてマインドマップまたはワイヤーフレームを生成します
  • チャット内で直接埋め込みとリンクが提供され、出力を確認したり操作したりできます

この記事では、ほとんどの方に推奨されるWhimsicalのリモートMCPについて説明します。

リモートMCPは、ChatGPT、Claude、CursorなどのAIツールを、当社がホストするMCPサーバーを介してWhimsicalに接続します。インストールは不要で、AIアシスタントがリモートMCPサーバーをサポートしている場所ならどこでも動作します。

ローカルでMCPを実行したい場合は、代わりにデスクトップMCPを使用できます。これはWhimsicalデスクトップアプリを通じて実行され、AIコーディングツールにマシン上のファイルやコードへのアクセスを提供します。Claude Code、Codex、Copilotなどのエージェントに役立ちます。動作させるにはWhimsicalデスクトップアプリを開いておく必要があります。

デスクトップMCPの設定については、サポートチームまでお問い合わせください。

概要

  1. Whimsical MCP
  2. ステップ1: MCPクライアントのセットアップ
  3. Claude
  4. ChatGPT
  5. Cursor
  6. その他のクライアント
  7. ステップ2: 認証
  8. ステップ3: 接続の確認
  9. ステップ4: MCPクライアントへのプロンプト
  10. プロセス図またはシーケンス図の作成
  11. Whimsicalファイルの検索と参照
  12. 視覚的な計画とブレインストーミング