コネクターを追加する
1
ディレクトリでFlowstepを開く
claude.ai/directory/flowstep にアクセスし、Flowstepコネクターを追加します。
2
認証する
Claudeがブラウザーで Flowstep のサインインページを開きます。Flowstepアカウント（メールアドレスとパスワード、またはGoogle）でサインインし、同意画面で Allow をクリックします。Claudeに自動的にリダイレクトされます。同意画面に表示される内容については、認証を参照してください。
3
コネクターを有効にする
会話で、Flowstepコネクターがオンになっていることを確認します。これで、デザインが必要なリクエストに対して、Claudeが Flowstep のツールを呼び出せるようになります。
認証には既存のFlowstepアカウントが必要です。お持ちでない場合は、先に app.flowstep.ai でアカウントを作成してから、ここに戻って接続を完了してください。
接続を確認する
Flowstepコネクターを有効にした claude.ai の会話で、次のように入力します。使い方
接続したら、必要な内容を自然言語で入力します。create-file、ai-design-screens、get-screen-image などのFlowstepツールを順に呼び出し、レンダリングされた画像をインラインで表示します。
AIデザインツールは、Flowstepのメッセージの利用枠を消費します。利用上限を参照してください。