Physical & Digital Product Mockup Tools

Physical & Digital Product Mockup Tools

Updated April 29, 2021. See this twitter thread for details.

Not long ago, it was somewhat challenging to create simulated renderings of product mockups.

For example, visualizing what a cool new app would look like on an iPhone 3G or what your branding campaign might look like across mugs, boxes, apparel and more. Eventually, things got easier thanks to Adobe Photoshop (PSD) templates for static images and other video solutions.

Well, such design tasks have gotten even simpler thanks to a growing batch of apps that streamline workflows and offer powerful new layout features. This roundup of relatively new tools now makes the task of creating mockups for software and physical merchandise ridiculously easy.

Here are some notable characteristics of these modern solutions

  • Many are web apps
  • They include a library of different product mockups
  • There’s a variety of digital devices alongside packaging or clothing imagery
  • Some are for still images, while others offer motion
  • Some offer easy sharing or even team collaboration features

Let me know if I missed any apps that belong on this list.

Illustrations: Smile by AomAm, t-shirt by Kmg Design, application by Three Six Five, Package by Eucalyp, and Laptop by Visual Glow from the Noun Project

Artboard Studio Web App Impressively Helps to Create Variety of Product Mockups

Artboard Studio Web App Impressively Helps to Create Variety of Product Mockups

I’ve been very impressed in playing around with the Artboard.studio web app pre-release. You can request early access on their website.

If you need to create a variety of physical product mockups beyond just computer and mobile ‘devices’, this service is aiming to be your one graphic design compositing tool for applying custom designs to everything from clothing, to retail packages and of course computers and smartphone app mockups too.

Apple UI Design Sketch Resources Updated for iOS 11 beta

Apple has updated their Sketch design resources for iOS 11 beta!

“The Apple UI Design Resources include Photoshop, Sketch, and Adobe XD templates along with other UI materials for quickly designing iOS apps. The included resources are comprehensive and accurately depict the full range of UIKit controls, views and glyphs available to developers using the iOS SDK. They make it easier to understand how iOS apps are constructed and how to design apps that match the iOS design language. Included icon and glyph production files have been preconfigured to automate asset production using Sketch slices or Adobe Generator for Photoshop CC…”

Apple UI Design Resources for Sketch and Photoshop

View this Resource