AI Marketplaces Leaderboard

Flowstep

Claude connectorCommunity

Design canvas for agents — generate, edit, and export UI screens without leaving your editor.

View in Claude directory
Tools
20

exposed by this connector

Movement

From our daily snapshots over the last 30 days.

Rank by popularity

#1347of 5,18313places down24h102places down7d
#1,115#1,179#1,243#1,307Sep 13Sep 19Sep 25Oct 1Oct 7Oct 12

Rank by trending score

#1622of 2,45423places down24h439places down7d
#393#729#1,065#1,401Sep 13Sep 19Sep 25Oct 1Oct 7Oct 12

Popularity score

9,114024h+567d
8,5538,7068,8599,0129,165Sep 13Sep 19Sep 25Oct 1Oct 7Oct 12

Trending score

25,972−13924h−2,0947d
25,09027,73930,38833,037Sep 13Sep 19Sep 25Oct 1Oct 7Oct 12

In its categories

How this connector compares with others in the same category. Positions are counted within the category, not across the whole directory.

Creative118th of 386 by popularity · 156th of 201 by trending score
Order by

All 388 Creative connectors

Developer tools191st of 934 by popularity · 254th of 426 by trending score
Order by

All 943 Developer tools connectors

Productivity695th of 2,822 by popularity · 845th of 1,305 by trending score
Order by

All 2,842 Productivity connectors

Flowstep is a design canvas that your agent can draw on.

Ask for a screen and you get one — real layout, real components, sitting on a canvas you can open and edit. Point at a .jsx or .tsx file and Flowstep reads the source, then designs the screen to match it. Ask for the empty state, the error state, the mobile version, and they appear alongside.

Nothing is a flat image. Nudge a screen with a follow-up instruction, redo it from scratch, or pull in a Figma frame as editable elements. Set your colours, type, and spacing once and every new screen follows them.

Useful when you're mid-build and need to see the thing before you commit to it — a checkout flow, a settings page, four takes on an onboarding screen. Works from Cursor, Claude Code, or any MCP client, so the design step happens where you're already working.

Tools

  • add-screen
  • create-file
  • create-new-design
  • delete-design-guidelines
  • delete-file
  • edit-design
  • expand-design
  • get-chat-history
  • get-design-guidelines
  • get-file
  • get-plan-details
  • get-screen
  • get-screen-image
  • import-figma
  • list-files
  • list-screens
  • regenerate-design
  • update-design-guidelines
Show all 20
  • update-file
  • upload-attachment
Categories
Made by
Flowstep · Website
Sign-in
Required
Connector URL
https://api.flowstep.ai/mcp
Transport
Streamable HTTP
Works with
Claude, Claude API, Claude Code, Claude Desktop
Acts on
Designs & media, Code
Added
August 21, 2026
More info