# Flowstep: Japanese

## Japanese

### ドキュメント

#### はじめに

- [Flowstepとは？](https://docs.flowstep.ai/ja/introduction.md): Flowstepはテキストプロンプトから洗練されたUI画面を生成するAIデザインツールです。Flowstepの機能、対象ユーザー、そしてFlowstepで構築できるものについて学びましょう。
- [Flowstepを始める: サインアップしてデザインを生成する](https://docs.flowstep.ai/ja/getting-started.md): 無料のFlowstepアカウントを作成し、テキストプロンプトから最初のUIデザインを生成し、チームと共有します — すべて1回のセッションで実行できます。
- [設計経験なしでFlowstepを使用する方法](https://docs.flowstep.ai/ja/no-design-skills.md): Flowstepで優れたUI画面を作成するためにデザインの背景知識は必要ありません。欲しいものを説明する方法を学び、残りはFlowstepに任せましょう。

#### Flowstep の使い方

- [FlowstepでテキストプロンプトからUI画面を生成する](https://docs.flowstep.ai/ja/generating-designs.md): Flowstepを使えば、1つのテキストプロンプトから1画面または最大6画面を一度に生成できます。UIのアイデア出しや、画面の流れ全体の検討に最適です。
- [チャットまたはキャンバスでFlowstepデザインを編集して反復する](https://docs.flowstep.ai/ja/editing-designs.md): Flowstepで生成された画面を手動で視覚的に編集するか、チャットベースのプロンプトを使用して改善し、デザインが完璧になるまで何度でも反復できます。
- [リファレンスを使用してFlowstepデザインを効率化する](https://docs.flowstep.ai/ja/design-references.md): PRDを添付したり、画像をアップロードしたり、URLを貼り付けたりしてFlowstepに文脈を提供できます。長いプロンプトを書かずに、より高速にアイデア出しができます。
- [Flowstep生成をブランドに沿った状態に保つデザインガイドラインを設定](https://docs.flowstep.ai/ja/design-guidelines.md): DESIGN.md形式でファイルレベルのデザインガイドラインを定義する — 色、タイポグラフィ、スペーシング、およびファイル内のすべてのAI生成と編集を指示する規則です。
- [テーマを使って、Flowstepの画面全体で色と角丸を統一する](https://docs.flowstep.ai/ja/themes.md): ファイルごとにテーマを選択または生成し、個別の画面のスタイルを変更して、組織のテーマを編集できます。色と角丸をテーマのトークンにリンクすると、変更がすべての画面に反映されます。
- [Flowstepデザインをインタラクティブプロトタイプとしてプレビューする](https://docs.flowstep.ai/ja/prototypes.md): 任意のFlowstepファイルをクリッカブルプロトタイプとして開く — Flowstepが画面を自動的にリンクし、要素ごとにナビゲーションを手動で設定またはロックできます。
- [Flowstepのデザインをチームや関係者と共有する](https://docs.flowstep.ai/ja/sharing-designs.md): Flowstepのデザインごとに共有リンクを作成し、一般アクセスレベルでファイルを開ける人を管理して、メールで閲覧または編集する相手を招待できます。

#### チームと組織

- [Flowstep の組織: チーム、ロール、および権限](https://docs.flowstep.ai/ja/organizations.md): Flowstep での組織の仕組みを学びます。Owner、Admin、Member、Guest ロールで何ができるか、チーム全体でファイルを共有する方法、および組織に参加または切り替える方法をご説明します。
- [組織を管理する：メンバー、ロール、設定](https://docs.flowstep.ai/ja/organization-settings.md): Flowstep 組織にメンバーを追加したり、ロールを変更したり、ゲストや保留中の招待を管理したり、組織の名前を変更したりします。すべて設定から行えます。

#### エクスポートと連携

- [FlowstepのデザインをJPGまたはPNG画像ファイルとしてダウンロード](https://docs.flowstep.ai/ja/export-formats.md): Flowstepは、デザインをJPGまたはPNGとしてエクスポートをサポートしています。どの形式があなたのユースケースに適しているか、そしてわずか数クリックで画面をダウンロードする方法を学びましょう。
- [FlowstepとFigma間でデザインを移動する](https://docs.flowstep.ai/ja/figma-integration.md): コピー＆ペーストでFlowstepのフレームをFigmaにコピーするか、Figmaのフレームを編集可能な画面としてFlowstepに取り込みます。どちらのツールも切り替えずに作業できます。

#### MCP サーバー

- [Flowstep MCPサーバー](https://docs.flowstep.ai/ja/mcp/overview.md): Model Context Protocol（MCP）経由で、コーディングエージェントをFlowstepに接続します。Claude、Cursor、Codex、または任意のMCP対応クライアントから、デザインキャンバス上の画面を生成、編集、確認、管理できます。
- [MCPクイックスタート](https://docs.flowstep.ai/ja/mcp/quickstart.md): Flowstepをコーディングエージェントに接続し、最初のツール呼び出しを実行します。
- [MCP認証](https://docs.flowstep.ai/ja/mcp/authentication.md): Flowstep MCPがクライアントを認証する方法：OAuth 2.1 PKCEフローとアカウント作成。
- [MCPツールリファレンス](https://docs.flowstep.ai/ja/mcp/tools.md): 23個すべてのFlowstep MCPツールの入力スキーマ、出力形式、および例。
- [MCP利用上限](https://docs.flowstep.ai/ja/mcp/usage-limits.md): Flowstep MCPのどのツールがメッセージを使用するか、MCPツール呼び出しに上限がどう適用されるか、残りの利用枠の確認方法。
- [MCPの例](https://docs.flowstep.ai/ja/mcp/examples.md): 一般的なFlowstep MCPタスクのエンドツーエンドのワークフロー。

##### クライアント

- [Flowstep MCP — Cursor](https://docs.flowstep.ai/ja/mcp/clients/cursor.md): Streamable HTTP MCPトランスポートを使って、FlowstepをCursorに接続します。
- [Flowstep MCP — Claude Code](https://docs.flowstep.ai/ja/mcp/clients/claude-code.md): Streamable HTTP MCPトランスポートを使って、FlowstepをClaude Code（CLI）に接続します。
- [Flowstep MCP — Windsurf](https://docs.flowstep.ai/ja/mcp/clients/windsurf.md): Streamable HTTP MCPトランスポートを使って、FlowstepをWindsurfに接続します。
- [Flowstep MCP — Codex](https://docs.flowstep.ai/ja/mcp/clients/codex.md): Streamable HTTP MCPトランスポートを使って、FlowstepをOpenAI Codexに接続します。
- [Flowstep MCP — Claude Desktop](https://docs.flowstep.ai/ja/mcp/clients/claude-desktop.md): Claudeのコネクターディレクトリから、ワンクリックでFlowstepをClaude Desktopに追加します。
- [Flowstep MCP — claude.ai](https://docs.flowstep.ai/ja/mcp/clients/claude-ai.md): Claudeのコネクターディレクトリから、ワンクリックでFlowstepをClaudeに追加します。

#### 請求とプラン

- [Flowstepの料金: 無料トライアル、無料ティア、有料プラン](https://docs.flowstep.ai/ja/pricing.md): Flowstepを無料トライアルで開始でき、クレジットカード不要です。Free、Starter、Pro、Maxプランを比較でき、シート単位の料金設定と年間請求で最大20%の節約が可能です。
- [Flowstepの請求: 請求期間、キャンセル、およびアクセス](https://docs.flowstep.ai/ja/billing.md): Flowstepの月額・年額請求サイクルの仕組み、組織内で請求を管理できるユーザー、サブスクリプションのキャンセル方法、キャンセル後の動作について学習します。
- [Flowstepチームのシートと1シートあたりの課金](https://docs.flowstep.ai/ja/seats.md): Flowstepの有料プランでシートがどのように機能するか：誰がシートを使用するのか、メンバーの追加と削除が請求に与える影響、シートを持たないメンバーに何が起こるか。
- [Flowstepのメッセージを解説：利用上限とリセット](https://docs.flowstep.ai/ja/messages-and-limits.md): Flowstepでメッセージとしてカウントされるもの、日次と月次の上限の仕組み、チームでのシートごとの適用方法、上限に達した場合の動作を確認できます。
- [Flowstepの請求書にアクセスしてダウンロードする](https://docs.flowstep.ai/ja/invoices.md): Flowstepは有料プランのすべてのユーザーに対して、各請求期間後に自動的に請求書を生成します。アカウント ダッシュボードからいつでもダウンロードできます。

#### セキュリティとプライバシー

- [Flowstepはどのようにあなたのアカウントデータとデザインを保護するのか](https://docs.flowstep.ai/ja/security.md): Flowstepが転送時と保存時の暗号化によってどのようにあなたのデータを保護しているか、そしてプライバシーポリシーでセキュリティの詳細情報がどこで見つかるかを学びます。
- [FlowstepのデータプライバシーポリシーとAIトレーニングの制限](https://docs.flowstep.ai/ja/data-privacy.md): Flowstepはあなたの個人データをAIモデルのトレーニングに使用しません。LLMプロバイダーも同様です。どのデータが使用される可能性があり、どのように使用されるかについて学びます。

### 変更履歴

- [Flowstep changelog](https://docs.flowstep.ai/changelog.md): Flowstep changelog and product updates. Stay up to date with new features and improvements shipped in Flowstep.