Built an entire fintech UI in one session - 16 screens, zero Figma files. Connected @flowstep

Built an entire fintech UI in one session - 16 screens, zero Figma files. Connected @flowstep_ai ...Built an entire fintech UI in one session - 16 screens, zero Figma files. Connected @flowstep_ai ...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Asef Ahmed

• 16h

Built an entire fintech UI in one session - 16 screens, zero Figma files.

Connected @flowstep_ai MCP to Claude Code > generated every screen directly on the canvas via prompts. No manual pixel-pushing.

Used design skills (hallmark, impeccable, prompt-master) to refine each iteration - brutalist system, pixel-perfect spacing, consistent tokens across all routes.

Then replicated the full canvas into a @nextjs 16 app in minutes. MCP > React components, 1:1 match. Deployed to @vercel the same day.

Design tool + AI agent + framework = ship at a pace that wasn't possible before.

The workflow: 1 Prompt Flowstep canvas 2 Polish design skills 3 Replicate > Next.js code 4 Deploy Vercel

11 brutalist screens, 9 routes, 1 afternoon.

THE OG TOOL - @Flowstep X @Contra HQ

Project Link : CASHLESS

#buildinpublic #AIworkflow #FlowstepMCP #ClaudeCode #NextJS #Vercel #brutalistdesign #nocode

Web Design Claude Flowstep flowstepchallenge

Onoja Okpe

• 3h

Woah impressive work man!

Asef Ahmed

• 16h

live link : https://cashless-six.vercel.app

Omotayo Taiwo

• 5h

This is impressive

Christine Umalla

pro

• 4h

This is awesome! Could you also share the LinkedIn or X post in this thread? @Asef Ahmed

Asef Ahmed

• 3h

Thanks a lot Here is the link POST LINK LINKEDIN

linkedin.com

#buildinpublic #aiworkflow #flowstepmcp #claudecode #nextjs #vercel #brutalistdesign #nocode | Asef Ahmed

Built an entire fintech UI in one session - 16 screens, zero Figma files. Connected @flowstep_ai MCP to Claude Code > generated every screen directly on the canvas via prompts. No manual pixel-pushing. Used design skills (hallmark, impeccable, prompt-master) to refine each iteration - brutalist system, pixel-perfect spacing, consistent tokens across all routes. Then replicated the full canvas into a @nextjs 16 app in minutes. MCP > React components, 1:1 match. Deployed to @vercel the same day. Design tool + AI agent + framework = ship at a pace that wasn’t possible before. The workflow: 1 Prompt Flowstep canvas 2 Polish design skills 3 Replicate > Next.js code 4 Deploy Vercel 11 brutalist screens, 9 routes, 1 afternoon. THE OG TOOL Flowstep X Contra #buildinpublic #AIworkflow #FlowstepMCP #ClaudeCode #NextJS #Vercel #brutalistdesign #nocode