アニメーション図

説明

アニメーション図は、平易な英語のプロンプトを編集可能なアニメーション技術図に変換するAIネイティブの図表スタジオです。あなたが何が起こるかを順番に説明すると、ボックス、ダイヤモンド、矢印を実際の図表要素として配置し、レイアウト、色、接続を自動的に処理します。

すべての要素は同じ編集可能なキャンバス上に描かれ、フラットな画像としてではなく、任意の形状をクリックしてドラッグ、再着色、再配線することができ、まるで自分で描いたかのように操作できます。図はアニメーション化され、矢印に沿った動きでフローを再生したり、全体の図を一つずつ構築したりすることができるため、製品説明やウォークスルーに非常に適しています。

アーキテクチャ図、フローチャート、シーケンス図、意思決定ツリーをサポートし、Mermaidコードを編集可能なExcalidrawスタイルのキャンバスに変換するMermaidコンバータや、Google Sheetsから図表を作成するツールも含まれています。OpenAI、Claude、OpenRouter、Gemini、またはローカルモデルの中から自分のAIプロバイダーを選択し、同じワークフローを維持することができます。

アニメーション図は、月ごとのAI図表、無制限の手動編集、PNGまたはアニメーションGIFへのエクスポートを含む無料プランを提供しており、ドキュメント用の鮮明なPNG、チームメイト用の編集可能なソースファイル、またはプルリクエスト用のGIFをエクスポートできます。MCPサーバーとCLIが開発中です。

アニメーション図の主要機能

• 平易な英語のプロンプトからの図表のAI生成

• アーキテクチャ、フローチャート、シーケンス、意思決定ツリーの図表

• すべての形状を移動および再配線できる完全編集可能なキャンバス

• 矢印に沿った動きと構築シーケンスによるアニメーション再生

• 編集可能なExcalidrawスタイルのキャンバスへのMermaidコンバータ

• Google Sheetsから図表を作成するツール

• OpenAI、Claude、ローカルモデルを含む自分のAIプロバイダーを持ち込む

• PNG、編集可能なソースファイル、アニメーションGIFへのエクスポート

アニメーション図の使い方は？

1. 1

   説明する: 何が起こるかを順番に入力し、アクター、システム、およびそれらの間の経路を含めます。

2. 2

   生成する: スタジオがボックス、ダイヤモンド、矢印を実際の編集可能な図表要素として配置します。

3. 3

   編集する: キャンバス上の任意の形状をクリックしてドラッグ、再着色、または再配線します。

4. 4

   アニメーション化する: 動きでフローを再生するか、図が自動的に構築されるのを見ます。

5. 5

   エクスポートする: PNG、編集可能なソースファイル、またはアニメーションGIFとして出荷します。

アニメーション図の使用例

• アーキテクチャマップ
• 製品説明
• フローチャート
• シーケンス図
• Mermaid変換

アニメーション図のFAQ

• アニメーション図とは何ですか？

  アニメーション図は、平易な英語のプロンプトを編集可能なアニメーションシステム図、アーキテクチャマップ、ワークフロー、製品説明に変換するAIネイティブの図表スタジオです。

• 図表は編集可能ですか？

  はい。すべての要素はフラットな画像ではありません。任意の形状をクリックしてドラッグ、再着色、または再配線することができます。

• 図表がアニメーション化される理由は何ですか？

  矢印に沿った動きでフローを再生したり、全体の図が一つずつ構築されるのを見たりできます。

• どのAIプロバイダーがサポートされていますか？

  自分のAIプロバイダーを持ち込むことができ、OpenAI、Claude、OpenRouter、Gemini、Sarvam、またはローカルのOllamaモデルの中から選択し、同じワークフローを維持できます。

• 図表をどのようにエクスポートしますか？

  ドキュメント用の鮮明なPNG、チームメイト用の編集可能なソースファイル、またはプルリクエスト用のアニメーションGIFをエクスポートできます。

• 無料プランはありますか？

  はい。無料のクリエイタープランには、毎月5つのAI図表、無制限の手動編集、PNGおよびアニメーションGIFのエクスポート、自分のAIキーの持ち込みが含まれ、カードは必要ありません。