When designing your prototype in Marvel app, you can use images for the screen designs from a lot of different sources, including Bohemian Coding Sketch. In this video, you’ll see how to download and install the plugin for Sketch as well as how to send artboards from Sketch, right to Marvel app. You’ll also learn about updating the content in Sketch and see how it affects the design screens in Marvel app.
- View Offline
- [Instructor] So what I'd like to do now…is talk about Sketch and Marvel app…and how they kind of integrate with each other.…With Sketch, you can actually go from within the application…and save the content you have out directly to Marvel…using a plugin.…And you can get at it from several different ways.…If you go to marvelapp.com/prototype-with-sketch/,…scroll down, I just opened a new browser window…to get there, you're gonna see Download the Sketch Plugin.…And it's pretty easy to install,…they actually give you directions here like how to use it,…you basically need to go to the Sketch Plugins folder…to get it, so let me go over to Sketch.…
Here we go, and, first things first,…I'm just gonna create a brand new project here.…There we go, and if I come up here, I'm gonna Insert,…and we typically work with Artboards,…that's how it works in here,…and that's how we want to work with Marvel App,…so I'll create a new Artboard.…We can of course pick the size we want,…like iPhone 6 for instance.…You did notice there that it's actually using…
- What is Marvel?
- Creating a new Marvel project
- Linking screens
- Adding images
- Setting up screen timers
- Adding video
- Sharing and downloading prototypes