How to wireframe and design in Marvel


Marvel has built-in design and wireframing meaning you can quickly add screens to your project without any additional software.

Designs are automatically enabled with Handoff code, specs and assets too!


How to use:

  1. Create or view a Project
  2. Click on the Add Images button
  3. Select the Design in Marvel option
  4. Start designing then either click Add design to add another design or Close to finish 


Add wireframes

The built-in page switcher gives you the ability to add new designs and change between your existing ones without ever having to leave the design tool.

To add a wireframe element to your screen: 

  1. Open your project and hit the Design button to create a new canvas > click on the purple Assets icon 
  2. Find the element you need and click Add

The great thing about our assets is that they're fully customisable, meaning you can change an asset to suit the look and feel of your project. 


Was this article helpful?
150 out of 395 found this helpful