Device Mockups for Designers
From portfolio pieces to client deliverables — get your UI designs into a real device frame in seconds.
Free for images · Video mockups on Pro (€7.99/mo)
From artboard to device in seconds
Figma and Sketch are where you design. Mock Magic is where you present. Export your screens from your design tool, upload to Mock Magic, and your work is inside a real device frame with a background — ready for your portfolio, your client, or your Dribbble shot.
Unlike Figma's built-in mockup options or a Photoshop template, Mock Magic is purpose-built for this one task. There's no canvas to set up, no file to download and modify, and no risk of breaking a template someone else made. Just upload, frame, and export.
Built for how designers actually work
Portfolio case studies
Every case study looks better with the final design shown in a real device. Mock Magic lets you create polished device mockups for each project in your portfolio without spending an hour on each one.
Client presentations
Clients understand device mockups intuitively. Showing your design in a real iPhone or MacBook frame communicates scale, proportions, and context in a way a bare artboard never can.
Dribbble and Behance
Device mockups are one of the highest-performing formats on design showcase platforms. A clean iPhone or MacBook mockup with a gradient background consistently gets more likes and saves.
Interaction demo videos
Show your micro-interactions and prototype flows inside a device frame. Upload a Lottie or screen recording and export a video mockup (Pro) to share on social or embed in your case study.
Show your interactions in motion
Static mockups show the final frame. Video mockups show the flow — and that's what distinguishes good design work in a portfolio. Upgrade to Pro for €7.99/month to create video mockups from your prototype recordings.
Level up your design presentations
Free for images. Upgrade for video mockups of your prototypes and interactions.
Open the editor