Upload your own design assets directly from Marvel

Upload your own design assets directly from Marvel

  • Jul 5th
  • 5 min read
  • #  Integrations

Learn how to use our Marvel integration in order to upload design assets onto mockup scenes straight from the Marvel app.

Following our blog post spree about awesome integrations that you can connect your Smartmockups account to, we are happy to introduct another one - the Marvel app integration. With this specially dedicated article, we would love to show you exactly how to get started with using the Marvel app, how to integrate it with Smartmockups and leverage the usage of it to the maximum.

What will you learn?

  1. What is Marvel integration?
  2. Whom is the Marvel integration for and how it can help me?
  3. How does the integration between Smartmockups and Marvel work?

1. What is Marvel integration?

Marvel integration represents a unique connection with Smartmockups that lets you to upload your design assets to a mockup straight from the Marvel app. For those of you who do not use the Marvell app yet, Marvel has everything you need to bring your digital products to life from design and wireframe to prototyping tools.

Let's have a look at how the Marvel app integration can help you to make your design workflow much more effective and how to actually get started using it.

2. Whom is the Marvel integration for and how it can help me?

The integration can be a huge life saver for marketing/design individuals or whole teams. Let's say that your team is developing a brand new app for the business. In Marvel, you can create the design of your app, gather feedbacks from your other team memebers and work effectively together. Once you think that your app is ready to be presented to your management, you have to create a very solid prototype that will bring your digital product to life. Thanks to our integration with Marvel, you don't have to look for ways how to save your assets and re-load them from different platform. Simply load your design assets from Marvel directly and create a stunning digital product screenshots with Smartmockups in no time.

3. So, how does the integration work?

The best way how to show you how the integration works is by going through the process with you. So let's create a mockup to see the performance of Marvel integration together with Smartmockups. With the following step-by-step guide, you will be able to learn how to create your first mockup.

STEP 1: Connect your account to Marvel & choose the perfect mockup

Before we jump into the design process, you need to make sure that your account is connected to Dropbox integration.

  • 1) Go to the settings of your Smartmockups account
  • 2) Click on "My account" and search for "Integrations"

From there, you can choose which integration you would like to connect your account to either by a default switch (for Dropbox and Canva integrations) or through a new preference connection (Figma and Marvel integrations).

Now that you've made sure that you are logged in in the Marvel app and both accounts are connected, you are all set to get started! 😊

We are going to create an app concept for iPhone X using technology mockup. On our website, go to the "technology" section and look for "smartphone". Choose the perfect one that suits your project.

STEP 2: Upload the asset from Marvel and customize the mockup scene

Now that you've got your project ready. Let's get back to Smartmockups to upload the asset. Via the "upload" button, click on Marvel. You will immediately get a pop-up with your own design asset library in Marvel. Choose the design asset you need and use our crop tool.

The next step is to customize the mockup according to your own needs. Depending on what kind of mockup you have chosen in the beginning (photo mockup or isolated mockup), you can naturally change the colour of the item, colour of the background and much more.

STEP 3: Download your final mockup

Once you are done with the customization, you can hit the "download" button and choose from different export qualitites. Please note that the higher resolution you choose, the better quality you get.👌

And this is it! You have just created a stunning product image in a high-quality in under one minute! As we promised in the beggining: super easy, right? 😉


👉 Join happy Marvel app users!

Marvel app represents a very easy solution to creating design assets within your team or as an individual. Thanks to this integration, making your own prototypes using design assets from Marvel app and uploading them to mockups from Smartmockups is a matter of legit seconds.


🙏 Show us your mockups and follow us on our social media channels!

We are actively reposting your creations on Instagram, Twitter and Facebook. Tag us in using #madewithsmartmockups for your chance to get featured! Also don't forget to follow us to stay up to date with new mockups and features.

Get Started

Join thousands of professionals and
start your 7-day free trial

*No credit card required, and you can cancel at any time. You can use it free forever or upgrade to our subscription.