Rotating icons and SVG images, Shapes and Annotations assets, and more

Posted on by - Comments

Hi everyone!

Today’s release adds rotation property to icons and SVG images, brings Shapes and Annotations assets to Mockups Gallery, enables multiple windows in WireframeSketcher Studio, adds Ubuntu/Debian packages, and fixes a few issues. Read on for more details.

Rotating icons and SVG images

Using SVG images is a great way to enhance WireframeSketcher with custom assets. This version adds a new rotation property that lets you rotate SVGs in 90° increments and makes SVGs even more useful. Since we are here, icons can now be rotated too.

Rotation property

Geometric Shapes and Annotations assets

I added two new assets to Mockups Gallery that make extensive use of SVG images. One is Geometric Shapes that can be used to draw simple diagrams, and the other is Annotations that adds extra callouts and markups to the palette.

Geometric shapes asset Callouts and markups asset

These assets use some extra attributes in SVG files to control how images behave on resize. These attributes are not documented yet, but you can download the assets and look around to get an idea on how they work. Specifically, look for “ws-layout” attribute in .svg files.

Working with Multiple Monitors

This version also enables a new menu entry under Window > New Window. Eclipse users may know this option already, but it’s now also available in WireframeSketcher Studio. What it does, it lets you open a second window which then can be moved to another monitor. So if you have multiple monitors (which I assume many of you do) you can make a better use of them by editing and viewing multiple mockups at once.

I added a Working with Multiple Monitors section to the User Guide that gives more tips on how to exploit a multi-monitor desktop setup.

Ubuntu and Debian packages

Starting from today you can download Debian packages for Ubuntu and Debian-based systems. With these packages you get a smooth installation experience add a nice menu entry in “Applications > Graphics”.

Other changes

  • Fixed broken links issue when moving multiple files. Probably many of you have thought that broken links are normal when re-organizing screens. Well, I assure it’s not, and hopefully from now on you won’t see this issue again. When files are moved or renamed in Package Explorer view, WireframeSketcher automatically kicks in and updates links, image paths and screen references, so that everything continues to work.
  • Fixed an issue with icons auto-completion in Tree widget


To update to the latest version of WireframeSketcher go to the Help menu and select Check for Updates.

The version number of this release is 3.3.0.