Archive for the ‘Software & Tools’ Category

HackingUI, a website focused on interaction and front-end design, is sharing a handy script for SVG fans.

It is a Photoshop script that automates the exporting of Photoshop layers to SVG.

Photoshop to SVG

The script is smart enough to detect only the right layers and searches for the layer names that end with ,svg.

Simply, no more going through each layer one-by-one for the conversion and all work is done in a single click.

Screenshots are a part of web design process and we use them for many reasons; sharing with colleagues/customers, comparing versions, etc.

And, there are various browser extensions that simplify taking screenshots. qSnap is another good one which has support for all major browsers.

Browser Screenshot Extension - qSnap

You can choose to select to capture the visible part or the full screen. Once captured, a built-in editor can be used to edit it (crop, resize..).

Also, with a free membership, qSnap simplifies sharing the screenshot(s) with others.

Mapita is a free Photoshop action for converting a flat map into a good-looking three dimensional and isometric one.

There are actions to create the map with a style of sand, snow or grass.

Also, many elements exist to beautify it: buildings, trees, clouds, lakes and more.

Such isometric maps are usually found in games but they can be created for real-world usage to share a location a stylish and fun map.

3D Isometric Map Photoshop Action

Indigo Studio is a free tool for quickly creating prototypes of web, mobile or desktop apps.

The application works on both Windows + Mac OS X and not only capable of generating static outputs but also supports interactions (links, animations, etc.).

Usually, prototypes can look plain and customers can have difficulty in imagining how things would look in real life. Indigo Studio solves this by providing lots of storyboard scenes with people, places and various devices to create a more realistic look.

Indigo Studio

It is also possible to import hand-drawn sketches into the application and adding interactivity to them.

Indigo Studio is a pro quality yet free application and only requires a free membership to the site.

There are thousands of design freebies and each of us are probably using them regularly.

When it comes to finding such freebies, Freepik, a search engine that indexes only vectors, PSDs and photos can be very useful.

The search engine crawls many design-related websites, ranks the found resources with their relevance and presents to the user.


It is possible to narrow the search with the file type (vector, photo, PSD) and categories offered (nature, buttons, icons, background, etc.).

Also, the website offer various premium design materials like stock videos, images and design deals.