There’s a gap between designing carousel content and presenting it.
And most workflows ignore it.
Once the slides are ready, the process usually falls apart:
exporting raw images, assembling mockups manually, or opening Photoshop just to place assets into templates.
It’s slow and not designed for how designers actually work today.
I wanted to remove that step.
MockStep (https://mock-step.vercel.app/)is a browser-based system that turns carousel slides into structured, presentation-ready visuals.
Instead of treating mockups as an afterthought, it treats presentation as part of the workflow.
Upload slides.
Apply layout logic.
Generate clean outputs instantly.
No templates.
No smart objects.
—
The direction came from studying product flows on @Mobbin.
how strong tools structure interaction, guide attention, and present content with intent, especially on screens like dashboards.
The system design was shaped using Stitch and Antigravity,
with Claude assisting in refining communication.
—
Not a design tool. Not a mockup library.
A presentation layer.
Built for the @Mobbin x @Contra challenge.
Live URL: https://mock-step.vercel.app/
X.com (https://x.com/RexVinit/status/2037780394280636447?s=20)
LinkedIn (https://www.linkedin.com/posts/vinit-deshwal_productdesign-designtools-mobbinchallenge-activity-7443548816932474881-Nz4t?utm_source=share&utm_medium=member_desktop&rcm=ACoAADYd3EQBtEUZf2MBeSfF81teOnK5efS8DfQ)
This one got really good feedback from the client.
The brief was about trust and long-term partnerships, so I wanted the visual to carry that message without needing a wall of text. The handshake felt like the right anchor, but I didn't want it to look like every other corporate handshake graphic out there. So I went with halftone illustration and those flowing lines to give it some energy.
Sometimes the simple concepts hit the hardest. Its all about figuring out the user experience at last.