Transform Carousel Designs into Ready-to-Use Presentations

Transform Carousel Designs into Ready-to-Use PresentationsTransform Carousel Designs into Ready-to-Use Presentations

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

Vinit Deshwal

• Mar 28

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 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 LinkedIn

Google Antigravity Mobbin Stitch mobbinchallenge Product Research Product Design

Mustofa Al-Ameen Mustafa

pro

• Apr 2

From my ongiong project: The Personal Health Operating System. Category: Healthcare Tool used: Figma #ProductDesign #HealthTech #UXUI #SaaS #DesignSystems @figma #webapp

Product Design Figma

Vincent Pasili

pro

• 1d

Quite inspiring!

Daniel G Bright

max

• Apr 1

Most websites fail before a single pixel gets designed. They fail in the brief. "Make it modern. Make it clean. Make it feel like... name any competitor" That's not a brief, it's a mood board pretending to be a strategy.. We just shipped a Framer site for an AI company. And we didn't open Framer for 3 weeks, just locked positioning, who's the buyer, what makes them stop scrolling, what objection hits first and what proof kills it. Then we wrote the site before we designed it, because every section needs a job. Built the whole thing in Framer in 10 days because the strategy was already done and there were no debates around copy, structure or style. just implementitaion. Then 2 more days on the final layer with scroll animations, micro interactions, page transitions. That's what turns a good site into one people actually remember. Fastest way to build a website is to not start with the website.