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

• Jul 24

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

Completed work

Web Design Claude Flowstep flowstepchallenge

Asef Ahmed

• Jul 24

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

Omotayo Taiwo

• Jul 24

This is impressive

Asef Ahmed

• Jul 24

Thanks a lot for your words

Christine Umalla

pro

• Jul 24

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

Asef Ahmed

• Jul 24

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

Onoja Okpe

• Jul 24

Woah impressive work man!

Asef Ahmed

• Jul 24

Thanks a lot for your words

Onoja Okpe

• Jul 24

This is soo good, weldone Asef!

Asef Ahmed

• Jul 25

Thanks a lot

Onoja Okpe

• Jul 25

My pleasure!

Kai Rogers

max

• Sep 21

Always dreamed of being a freelance designer & dev. Pretty amazing to be finally living those dreams! Thanks @Contra HQ @Ben Huffman

Contra Web Design Web Development

Agha Noor

• Sep 21

Huge congrats, Kai! Top 1% with 230 pts is massive super inspiring for freelance designers like us just starting out. What’s the one thing that helped you boost your discovery score the most?

Révolté

pro

• Sep 21

The VECTIS site on Lovable doesn't play a story. It runs one.

Every statue holds at half-resolved, permanently — noise you can live with. Move your cursor and it sharpens exactly where you're looking, then settles back the second you leave.

A live proof ticker keeps scrolling underneath it the whole time. Nothing waits for you to scroll to feel alive.

Built with react-three-fiber + a custom Bayer shader field.