Mac Design Portfolio Showcase Video, ready in minutes
A portfolio full of static Figma exports looks like a slideshow, while the same case study with one or two scrolling {device} mockups signals that the designer understands motion and product context, not just static screens. Mockly frames your screenshot in a clean MacBook-style frame with a soft rounded top edge, built for landscape screens, built for product designers and freelancers building a portfolio.
Try Mockly FreeWhy Mac fits a design portfolio showcase video
A portfolio full of static Figma exports looks like a slideshow, while the same case study with one or two scrolling {device} mockups signals that the designer understands motion and product context, not just static screens. The Mac frame in Mockly is landscape only, matching how people actually use a laptop screen, with a 12px corner radius tuned to match the real device. Recommended aspect ratios: 16:9 for YouTube/website embeds, or 1:1 for square social posts.
How Mockly builds the animation
Export your final screens from Figma, frame them in Mac, and use a slow, deliberate scroll so the craft in your design is easy to appreciate frame by frame.
What you export
Export at 4K for a sharp embed on a high-resolution portfolio site. Every export is yours to use commercially, and Pro removes the Mockly watermark entirely if you're shipping this to production.
Frequently asked questions
Yes. Export your frame as a PNG at 2x from Figma and upload it directly — no extra processing needed before framing it in Mac.
Slower is usually better for portfolio work — a scroll speed that lets each section breathe reads as more intentional than a fast, ad-style pass.
Not necessarily every screen, but leading with one strong Mac mockup video per case study gives visitors an immediate sense of the product before they read further.