Design tools for 2019
Tags: ux, ui, design, productivity
Published: 2019-05-31 15:12:45

#### UX, UI Design software landscape

If you had asked me a few years ago how would look like today the design applications landscape, I probably would failed my guess right away with my answer.

Today we have plenty of good tools, for example: inVision and inVision Studio, Framer X, Adobe XD, Protopie, Webflow, UXPin... and the list goes on.
 
At the end of the day our tools of choice are those which get the job done and make our lifes easier. Some other times the choices come with the Studio or Agency you work with. 

In the last few years I've discovered a few gems which are part of my daily workflow now, and I want to share them with you!

Okey, Let's go!

#### Pen and Paper

This is a very well know tool for everyone. Also is my favorite tool not only for design. If I had to make a ranking, it would be my option number one. I can't start a tool list without mention how awesome is to stain your hands with ink.

![My personal notebook with some wireframes](https://thepracticaldev.s3.amazonaws.com/i/b88osyv5uq2jp6qjav29.jpg)

Why I still preffer pen and paper with all the amazing tools out there? Because it makes me lot more productive.
* Download your work directly from your brain to the paper.
* You can start working right away, no instructions needed or learn new software.
* You can work literally everywhere (well, not underwater).
* Low fidelity wireframes are more than enough to show ideas. This also helps me to get the shit done fast, without worrying about pixel perfect solutions.
* Handwriting, drawing, scribbling... have beneficial effects in your brain activity, also improves creativity, help with your learning hability and a big list of reasons to start doodling notebooks.

On a side note, can be expensive. I like to buy recycled paper notebooks, and they cost a bit more than normal paper, but also I like to keep it ECO friendly.

#### Figma

This tool has been a game changer for me in the last two years. You can choose between browser based app or desktop. I was surprised how well it performs compared with other native apps.

![Seach bar design for a travel agency](https://thepracticaldev.s3.amazonaws.com/i/nqh5yfa5anslgcm3eq8y.png "Yes it's Spanish, sorry!")

You can easily collaborate and changes are live. It has a free tier with very reasonable options, and the UI is very intuitive and easy to use. 

It doesn't have a nice ecosystem of tools and plugins that sketch has, but I've never found a situation where figma didn't serve me well. In my opinion it has enough features to be a good professional quality tool.

Another strong point is that you can integrate figma with a reasonable amount of platforms and tools, some interesting are: Zeplin, Slack, trello or protopie.

And don't worry, you can continue working with sketch and then import files to figma. It has a dedicated tool for that and works really well.

#### Artboard studio

Well, Artboard studio is another browser based gem. Like they say in their web, Artboard studio is Product mockups Made easy.

![My cover image made with artboard studio](https://thepracticaldev.s3.amazonaws.com/i/e5wwlvsvaqoud1ayqlb0.jpeg "I made this cover image in less than 15")

Remember the cover image? I made this with little to no effort today, and if you don't believe me, I invite you to try it.

With this tool making photorealistic mockups is a matter of drag and drop. No more Photoshop hours separating items from the background.

There is a free tier and a premium tier, depending on your needs the free resources could be more than enough.


#### Colorbox.io

If you like working with colors, you're going to love this app.

![Colorbox app](https://thepracticaldev.s3.amazonaws.com/i/2mq98thre65cjq3w34f1.png)

It's a wonderful tool to build color systems for accesible UIs. This tool was released last year by Lyft Design team as a solution to some of the problems they were facing with color systems and accessibility.

#### Fontspark

And lastly, one of my recent findings, fontSpark.app. I love typography and fontSpark is a web based app that helps discover new fonts. It's Very easy to use, so no need to explain.

![FontSpark in action](https://thepracticaldev.s3.amazonaws.com/i/91eorc1dh6prnp9plgf7.gif)


## Links

* [Figma](https://www.figma.com)
* [Artboard studio](https://artboard.studio/)
* [Colorbox](https://www.colorbox.io/)
* [FontSpark](https://fontspark.app)


And this is it! Do you know any app like these you want to share?

Have a nice weeked! 💃🏿🍻🏖️