📹 New! Remote User Testing - Get video + voice feedback on designs and prototypes
Read more
Product Updates

September’s Product Updates at Marvel

Posted 6 years ago by Graeme Fulton
September’s Product Updates at Marvel

This month we've introduced some killer features for bridging the gap between design and development teams. From Handoff, to Jira and Confluence integrations, collaboration between designers and developers is going to be so much more productive using Marvel. In addition to this, we've even made it a possibility to prototype for the new iPhone X, so it's fair to say September has been a massive month for updates.

If you've missed what's new, here's a roundup of everything we've released this month:

Handoff

Gone are the days of redlining PDFs and spending time putting design specs together. Why should a designer waste their time on such monotonous tasks? This month we introduced Handoff, a better way to collaborate between design and development. You can now generate code, specs and assets for developers from your designs and prototypes in Marvel!


Change your prototype, and Handoff updates everything for you - no more rework. Your developers can easily grab everything they need in a few clicks.

Find out more about Handoff.

Prototype for iPhone X

The iPhone X was announced by Apple this month, getting a pretty big reaction from the design community (hello 'notch'). With all the iPhone X designs popping up on Dribbble and the UI Kits being put together, we thought we'd make possible to design for the iPhone X right within Marvel.

To use it, just select iPhone X from the options when creating a new project.

Read more about our iPhone X update.

Marvel for Dropbox Paper

Lots of teams these days are using Dropbox's beautiful collaborative writing tool, Dropbox Paper to work together on project documents (e.g. brainstorming notes, specifications). It’s much easier to understand a complex interaction through experiencing it via a prototype than it is from reading a long description, so we teamed up with Dropbox to make an integration that lets you embed Marvel prototypes directly in your documents.

Just paste the link to your prototype into your document, and it'll be automatically embedded, enabling your team to experience your fully interactive design without having to leave Paper. With this feature, there becomes less of a need for verbose documentation, as the prototype becomes the documentation itself.

Read more about our Dropbox Paper integration.

Marvel for Jira and Confluence

To make collaboration even easier, we've made it possible to embed your Marvel prototypes within Atlassian's awesome project management tools, JIRA and Confluence.

Spend less time describing development tasks in your specs and bug tickets - embed a prototype to really get the point across. Just like our Dropbox Paper integration, all you have to do is paste in the link to your prototype, and it'll be transformed into a rich embed with your fully interactive prototype.

Read more about Marvel for Jira and Confluence.

Design Tool Updates

As well as the major features we've released this month, we've continued to make changes elsewhere. Our Design Tool, for instance, is always being enhanced to make designing in the browser faster and easier. Here's a quick summary of those improvements to the Design Tool too:

Edit Uploaded Images

The Design Tool can now be used to edit any existing screens in Marvel. This means any images you've uploaded from your desktop can now be opened up online within our Design Tool, giving you the chance to edit any of your designs using features of the Design tool.

Image Fill

Image fill is similar to masking an image with a shape in Sketch, but the image always fills the shape proportionally. A common use case is creating circular avatars out of square profile pictures. Basically, paste an image into a shape and it'll fill it with that image.

Asset popovers have replaced the sidebar

The sidebar which used to take up about 20% of your screen has been condensed into two floating popovers - one for wireframe assets, and the other for images. You can now enjoy a cleaner interface.

Delete Button

We've now added a delete button to the Design Tool UI to give you another option for deleting elements (in addition to using the delete key on your keyboard).

iOS App Release 6.5.6

This month we've also made some updates to the iOS app, including:

Check it out on Apple's App Store.

That’s everything for this update, get in touch if you have any questions. If you have any feature requests, add them to our public board.

If you’re on our company or enterprise plan, contact your dedicated account manager for more details. We release product updates like this every month, so sign up to the newsletter below if you’d like to be notified. In the meantime, have fun prototyping!

Sign up to the newsletter

Sign up to the newsletter

Get notified of the latest product updates and news at Marvel.

Designer, Writer and Developer at Marvel! Say hello on Twitter.

Related Posts

Design has changed beyond recognition since we first launched in 2014. Back then, Photoshop was the dominant interface design tool. Design files were littered across hard drives, servers and cloud-storage. The large majority of prototyping was still done using HTML and CSS, putting it out of reach for many designers. The value of prototyping was yet to be realised. Design… Read More →

We’re constantly shipping big updates to our Sketch plugin which include improvements to both performance and experience. The Marvel Sketch plugin sends artboards, assets, code, specifications and even Sketch prototyping directly from Sketch to Marvel allowing you quickly go from idea to prototype within minutes. Based on a ton of customer feedback, we recently added a new feature that gives… Read More →

We’ve shipped dozens of new features recently based on your feedback! Here’s a closer look… Prototyping Create carousels, sidebars and more with containers! Make elements of your prototype scroll in any direction – unlocking the ability to create carousels and scrolling sidebars. The result? More realistic prototypes when testing and gathering feedback. Read more User Testing Heatmaps You can now… Read More →

Categories