Skip to main content
Flowstep is a listed connector in Claude’s connector directory, so there’s no custom connector to configure and no server URL to paste.

​
Add the connector

1

Open Flowstep in the directory

Go to claude.ai/directory/flowstep and add the Flowstep connector.
2

Authenticate

Claude opens the Flowstep sign-in page in your browser. Sign in with your Flowstep account (email/password or Google), then click Allow on the consent screen. You’re redirected back to Claude automatically. See Authentication for what the consent screen shows.
3

Enable the connector

In a conversation, make sure the Flowstep connector is switched on. Claude can then call Flowstep tools when your request calls for a design.
Connectors are attached to your Claude account, so the same setup also works in Claude Desktop.
You need an existing Flowstep account to authenticate. If you don’t have one, create it at app.flowstep.ai first, then return here to finish connecting.

​
Verify the connection

In a claude.ai conversation with the Flowstep connector enabled:

​
Usage

Once connected, describe what you want in natural language:
Claude calls the Flowstep tools in sequence — for example create-file, ai-design-screens, then get-screen-image — and displays the rendered images inline.
The AI design tools draw on your Flowstep message allowance. See Usage limits.