My switch to Sketch

Why and how I made the decision

As a designer you have your go to tools that you keep in your toolbox to help you tackle each project that you encounter. For years I used Adobe Fireworks to make my web designs. Fireworks was so much better at designing for the web then photoshop in my humble opinion. Before I made the decision to switch I had two thoughts running through my mind that would determine if I was going to switch or not switch.

  1. Time - I personally did not have alot of time to try and figure out how to master sketch…I just needed to make sure I could create the work I was creating in FW and PS at the same pace or quicker. 
  2.  File Delivery - I had to make sure that I could get the files to the developers so they could write the code. This was before tools like zeplin and invision inspect…I can’t live without these tools now. 

Why Fireworks Why

Adobe Fireworks

Even though alot of designers used photoshop for web design—I never could: my files where always large, files would crash and it was just unorganized to me.I looked at designing for the web as I do when design for print. When you are designing a spread for a magazine you use Indesign—the program made for layout design—so why not use the program built for designing for the web which is what fireworks was and what photoshop is not. That is why I loved fireworks it was made specifically with web designers in mind.

Even though alot of designers used photoshop for web design—I never could: my files where always large, files would crash and it was just unorganized to me.I looked at designing for the web as I do when design for print. When you are designing a spread for a magazine you use Indesign—the program made for layout design—so why not use the program built for designing for the web which is what fireworks was and what photoshop is not. That is why I loved fireworks it was made specifically with web designers in mind.

Fireworks is dead

As Adobe started to revamp their products and introduce Adobe Cloud I learned that fireworks would not be updated. I was shocked, mad, hurt—how could this be! I then learned they were in the process of developing a new tool later named Adobe XD which would be catered specifically to us UX/UI designers. I needed a program now— I couldn’t wait for XD to be built I needed something now. Thats when I decided to give Sketch 3 a try. Now I had heard of sketch a few years before but by it not having the Adobe name attached to it I blew it off and decided not to even look into it. I started watching a few videos on youtube about sketch then I checked out there website and I figured why not give it a try it was only $100. I could write that off at the end of the year either way—if I liked it or if I hated it.

Part of Sketch I like the most

Sketch is so powerful its not even funny. Here are three features I love.

Nested SymbolsFirst let me start from the beginning in sketch you are able to create symbols. Symbols give you the ability to reuse elements easily across artboards and pages. For example, If you create a nav for a desktop version of your design you can create a symbol of the nav and use it on other iteration of pages you create. Amazing right! I know it gets better. Nested symbols allow you to create a symbol nested inside a symbol. So lets say in this nav bar you have a image in this case lets say a graphic that represents a user. You can make this vector icon a symbol and have it nested inside the symbol of your nav. It gets better sketch also has nested overrides which allow you to change a symbol or text as long as its in the symbols instance.   

Sketch Nested Symbols

A new World 

After a few hours I was sold! Sketch was like Fireworks on crack! Their were so many awesome features inside the program that made life easy from: Art board sizes, Grid layouts, Panel options and so on. Oh and I can’t forget the great plugins like Craft this plugin saves so much time when designing. A whole new world of designing for the web was before me! I am so happy to know that the future of designing with this tool will only get better and better!

A few Sketch resources

Musings

READ MORE