Introducing the new Material Design stencil set

moqups-material-design-stencils

A large set of Material Design stencils is available for you to use inside Moqups 2, starting today. You can find the new collection under the Material Design category.

Take me to Moqups 2 →

Please note that like the iOS stencils, these are compound stencils, which means that they are groups of basic stencils (e.g. shapes, labels, icons and so on), configured to depict various user interface widgets in great detail. This approach allows you to have complete control over appearance of the user interface, so the components of your UI can evolve with your designs, without being restricted by the rigid structure of the basic stencils.

Whether you should use the basic stencils or compound stencils depends a lot on your needs. Typically, you will most likely want to use the compound stencils when you’re working on high fidelity mockups, which are getting closer to the final design. In contrast, the basic stencils are suitable for the initial exploratory work and brainstorming sessions, where speed and convenience are key.

Resizing and editing the compound stencils is also a bit different. While the basic stencils will resize without distortion because of their simple structure and layout, the compound stencils will require you to access (by double clicking) the inner objects or the groups inside and adjust them individually. Same goes with editing their contents. If you’ve used more advanced graphical editors in the past, you’ll feel right at home with this approach.

As always, we’re eager to hear your feedback!

More export improvements: Trim to content and transparent background for PNG export

Just a few days ago we’ve been announcing the revamped export system. Today, we’re happy to roll out new export functionalities.

Trim to content bounds

If you enable this checkbox, the image size will be automatically resized and positioned to fit the exact visible content of your pages. This is particularly useful if you want to use the exported PNGs for embedding in web pages, wikis or even in your apps. It also saves you from doing this task manually.

Transparent background

Tick this checkbox so your pages will have transparent background when exported to PNG. Combined with the Trim to content bounds feature, the assets you generate with Moqups should become much more useful for your day-to-day use cases.

new_export_options

We’re working hard to add even more exciting export functionalities in the upcoming weeks. These will help you automate your workflows and give you a well deserved productivity boost. Stay tuned  — we’re just warming up!

 

Take me to Moqups 2 →

Revamped PDF and PNG Export — Better, crisper results

We’ve rebuilt our export system from scratch. Exporting your projects to PDF and PNG should look much better now. A lot of bugs and limitations from the previous versions were also resolved.

Here’s the gist of it:

  • Fonts should be displayed in great quality
  • Text with different font weights are now properly rendered
  • Most PDFs should have a healthy size loss after switching to a rigorous diet
  • Exporting drop shadows on objects finally works in both PDF and PNG (it was previously disabled due to technical limitations — not anymore!)
  • Images that are cropped or have rounded corners no longer look sad when exported

We’re preparing an amazing set of new export features in the upcoming weeks. Stay tuned!

P.S.— To export your projects, click the menu with the Moqups logo in the top-left corner of the app and select Export.

Take me to Moqups 2 →

New features: Markdown in comments, Font weights and Project transfer

Now that Moqups 2 is out, we’re committed to increasing the pace for releasing new features. Here’s what we have in store for you this month:

Font weights (beta)

Font weights support in Moqups 2

Many fonts come with lighter and bolder variants. In the typography industry that’s called “font weights”. Juggling with font weights is useful to improve the aesthetics of your design and make it look more professional.

This one was sitting on our backlog for too long. One of our customers was persuasive enough to make us start a hackathon and see how fast we can deliver. It turned out to be a good idea. Thank you, fellow customer!

Why is it still in beta?

We’re still fiddling with some issues related to exporting. This, in turn, also triggered an unstoppable desire to revamp the entire export system. So we’re doing that now. Please bear with us. We’re almost there.

Markdown in comments

Moqups 2 markwdown support

Take me to Moqups 2 →

Markdown allows you to format your text using a simple syntax that anyone can understand. Simple formatting for making text *italic*, **bold** or creating lists is now possible. That’s because it’s so simple. But you can add headings, images, strikethroughs, links and tables too, using the same formatting. And whatnot. That’s simple as well.

We’re supporting most of GitHub’s flavored Markdown specification. Check out their cheat sheet to learn more.

Transfer your projects to other accounts

Sometimes you need to change the ownership of an existing project. You sold your teammates on the usefulness of a premium Moqups account (THANK YOU!) and you want to use its perks to take the project that you started in your account to new levels of awesomeness. You need to hand off the amazing work you’ve completed to your customers. You’re changing jobs and someone else needs to take over your work. Reasons can be many.

This process used to have a fair amount of bureaucracy in it. It involved a lot ping pong between users and our support staff, so we thought it’s time to automate it. To start a transfer request, go to your projects and then click Transfer to another account from the More menu. You’ll be guided on what to do next from there. Here’s a short video on how it works:

Take me to Moqups 2 →

Notable bug fixes & improvements

As  always, we’re constantly making bug fixes and improvements. From now on you’ll see a blue bar on top of the app whenever we have a new release, so you can stay in touch

  • Flipped the Align Vertical Centers and Horizontal centers icons. Dan (aka “Dan from Moqups“) was somehow under the impression that the wrong way is the right way. And then he convinced the whole office about this. For years. He’s changed his mind again — many thanks to all the users who persuaded him to see the truth clearly
  • Fix: Opacity setting in the color picker is not visible
  • Fix: Sometimes images would get pasted in the wrong place
  • Fix: iOS Components category was hidden when not logged in
  • Fix: Ctrl/CMD + click on an image opens it in new tab on Firefox
  • Fix: Toggling the left sidebar in view mode moved the hotspots in the wrong position
  • Fix: Hotspots display in editor when “Show hotspots” option is disabled
  • Fix: Only 20 images were shown when when the sidebar was resized to max width

Take me to Moqups 2 →