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.
Creative151st of 665 by popularity · 258th of 296 by trending score
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 256 |  Helena by Enrich Labs | 7,125 | 13,457 #40 | 516places down |
| 257 |  production.pretty-prompt.com | 6,943 | 8,285 #205 | 168places down |
| 258 | 6,926 | 9,304 #151 | 262places down | |
| 259 | 6,923 | 8,224 #207 | 481places down | |
| 260 |  PosterMyWall | 6,658 | 8,963 #167 | 201places down |
Developer tools266th of 1,608 by popularity · 534th of 623 by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 264 | 9,311 | 27,752 #136 | 47places down | |
| 265 | 9,306 | 5,303 #576 | 27places down | |
| 266 | 9,304 | 6,926 #534 | 101places down | |
| 267 | 9,301 | 14,626 #324 | 16places down | |
| 268 |  Mida A/B Testing | 9,299 | 13,679 #343 | — |
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 532 |  Bryntum MCP | 6,959 | 7,129 #497 | 548places down |
| 533 | production.pretty-prompt.com | 6,943 | 8,285 #368 | 168places down |
| 534 | 6,926 | 9,304 #266 | 262places down | |
| 535 | 6,916 | 10,740 #161 | 145places down | |
| 536 | 6,860 | 7,629 #444 | 403places down |
Productivity869th of 4,952 by popularity · 1,717th of 1,913 by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 867 |  fynk | 9,308 | 18,887 #829 | 52places down |
| 868 | 9,306 | 5,303 #1804 | 27places down | |
| 869 | 9,304 | 6,926 #1717 | 101places down | |
| 870 | 9,301 | 14,626 #1151 | 16places down | |
| 871 |  Tomi — AI Phone Calls | 9,301 | 3,336 #1883 | 117places down |
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1715 | production.pretty-prompt.com | 6,943 | 8,285 #1132 | 168places down |
| 1716 |  Order by Cash App | 6,942 | 12,899 #332 | 716places down |
| 1717 | 6,926 | 9,304 #869 | 262places down | |
| 1718 | 6,923 | 8,224 #1151 | 481places down | |
| 1719 |  CreditPolicy.ai | 6,919 | 5,459 #2214 | 788places 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