Flowstep
Claude connectorCommunityDesign canvas for agents — generate, edit, and export UI screens without leaving your editor.
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
- 20
exposed by this connector
Movement
From our daily snapshots over the last 30 days.
Rank by popularity
Rank by trending score
Popularity score
Trending score
In its categories
How this connector compares with others in the same category. Positions are counted within the category, not across the whole directory.
Creative135th of 533 by popularity · 221st of 263 by trending score
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 219 |  Rebbel | 7,030 | 8,945 #145 | 118places down |
| 220 |  ReactVision: ViroReact MCP | 6,749 | 8,326 #173 | 410places down |
| 221 | 6,619 | 9,241 #135 | 362places down | |
| 222 |  Sitelas | 6,568 | 8,651 #156 | 192places down |
| 223 |  Shorty | 6,352 | 7,983 #189 | 688places down |
Developer tools232nd of 1,310 by popularity · 471st of 543 by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 230 | 9,267 | 8,032 #436 | 83places down | |
| 231 | 9,267 | 6,462 #477 | 428places up | |
| 232 | 9,241 | 6,619 #471 | 114places down | |
| 233 | 9,231 | 23,387 #166 | 109places down | |
| 234 | 9,226 | 15,406 #273 | — |
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 469 |  Project Desk | 6,749 | 8,539 #292 | 555places down |
| 470 | ReactVision: ViroReact MCP | 6,749 | 8,326 #311 | 410places down |
| 471 | 6,619 | 9,241 #232 | 362places down | |
| 472 |  mcpMyAdmin | 6,554 | 11,118 #127 | 525places down |
| 473 | 6,540 | 8,543 #291 | 556places down |
Productivity806th of 4,005 by popularity · 1,472nd of 1,642 by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 804 |  Tomi — AI Phone Calls | 9,255 | 3,193 #1614 | 119places down |
| 805 | 9,250 | 10,977 #1227 | 66places down | |
| 806 | 9,241 | 6,619 #1472 | 114places down | |
| 807 |  Detrics | 9,236 | 18,264 #760 | 94places down |
| 808 | 9,234 | 9,418 #1327 | — |
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1470 | 6,634 | 12,127 #382 | 341places down | |
| 1471 |  UseMyContext.ai | 6,634 | 10,447 #596 | 431places down |
| 1472 | 6,619 | 9,241 #806 | 362places down | |
| 1473 | 6,572 | 8,409 #973 | 1,661places down | |
| 1474 | Sitelas | 6,568 | 8,651 #920 | 192places down |
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 20Show fewer
- update-file
- upload-attachment
- Categories
- 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
- Sponsorship
- Promote this connector