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

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

pro

• Jul 24

Woah impressive work man!

Asef Ahmed

• Jul 24

Thanks a lot for your words

Onoja Okpe

pro

• Jul 24

This is soo good, weldone Asef!

Asef Ahmed

• Jul 25

Thanks a lot

Onoja Okpe

pro

• Jul 25

My pleasure!

Divan Raj

pro

• Aug 7

Just had some free time, so I built and published my very first Framer template!

If you're looking for a clean, modern starting point for your next project, feel free to check it out. I'd love to hear your feedback! Get the template here →

Framer Web Design UI Design

Abdul Moiz

pro

• Aug 8

great

Dima Strizhak

pro

• Aug 7

When selling a premium service, mentorship, or high-value framework, a generic template fails to convey the true depth of your offer. The challenge I solved here was translating a multi-stage methodology into an intuitive, high-converting digital experience, built natively on Webflow.

By combining an editorial landscape aesthetic with modern, scroll-triggered interactions, I turned an abstract concept into a seamless visual journey.

Methodology Visualized: I designed custom interactive nodes (Relaxation → Attention → Motivation) that walk users step-by-step through the core process. Webflow Build: I developed the full site on Webflow with clean HTML/CSS architecture, fluid animations, and fast load speeds. Editorial Identity: I paired a warm color palette and subtle grid architecture with vintage illustration elements to build immediate authority. Flexibility: I set up a clean Webflow CMS structure so you can easily update content without touching code.

Need a custom site that clearly communicates the value of your framework and converts visitors into clients? Send me a message and let’s discuss your project!

webflowdeveloper webdesigner landingpage UI Design UX Design Web Development Figma Lottie Webflow

Bella Brillantes

pro

• Aug 7

Amazing work!

Chadd Weston

max

• Aug 7

Pipeline view of an agentic fundraising prototype for an AI client built in Framer. Rendered in Ultramock. I had Claude build out ~800 rows (~50 columns) of dummy contact data in supabase with varying degrees of lead enrichment and match scoring to simulate a live DB connection. Really enjoying using Claude x Framer. Its truly a superpower for building simulation engines like this.

Framer UX Design Prototyping UI Design Figma

Nazar Koliano

pro

• Aug 7

800 rows of dummy data for a proto, madness

Back to feed

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

Challenges

View all

CapCut Seedance 2.5 Challenge

$10K6d left

Bubble Free-For-All

$10K7d left

Trending

retrofuturism

Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀

halftone

Dots. Texture. Grain. Let's see your designs using the halftone technique.

Midjourney

Creatives are showing off what they're making with Midjourney.

colorgrade

Video editors sound off: How do you enhance the mood of your video in color grading?

Divan Raj

pro

• Aug 7

Just had some free time, so I built and published my very first Framer template!

If you're looking for a clean, modern starting point for your next project, feel free to check it out. I'd love to hear your feedback! Get the template here →

Framer Web Design UI Design

Abdul Moiz

pro

• Aug 8

great

Dima Strizhak

pro

• Aug 7

By combining an editorial landscape aesthetic with modern, scroll-triggered interactions, I turned an abstract concept into a seamless visual journey.

Need a custom site that clearly communicates the value of your framework and converts visitors into clients? Send me a message and let’s discuss your project!

webflowdeveloper webdesigner landingpage UI Design UX Design Web Development Figma Lottie Webflow

Bella Brillantes

pro

• Aug 7

Amazing work!

Chadd Weston

max

• Aug 7

Framer UX Design Prototyping UI Design Figma

Nazar Koliano

pro

• Aug 7

800 rows of dummy data for a proto, madness