Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Switching From Adobe Fireworks To Sketch: 10 Tips And Tricks

Transitions can be painful. It is in our nature to resist change, even when the possibility of doing something new and different may be exciting. Changing your workflow can be a real challenge if you don’t know where to start or understand how to embark on the change.

I’ve met with many designers (graphic, interaction, UI, etc.) who stick to old software because they are familiar and in their comfort zone, or because they are too scared to take the “leap of faith” and try something new (even when they know their old software does not allow them to work efficiently and effectively enough).

You might be interested in the following related posts:

I clearly remember when Macromedia Freehand was discontinued. I know a lot of designers, art directors and creative directors who needed many years to make the leap to Illustrator, because their workflows and techniques were stuck so deep in Freehand that learning another tool was too painful. However, let’s be honest: If you think about it, is switching to new software really that hard?

The answer is no. Change, as scary as it may be, most of the time is a good thing — first, because you learn how to do new things and, secondly, because feeling challenged and getting out of our comfort zone every once in a while is beneficial.

Fireworks: Frozen? Link

Fireworks was discontinued by Adobe5 a couple of years ago. (Adobe called this move “freezing development” and promised to release only minor patches from time to time.) Despite the fact that many designers still use it as their primary tool for design work, it’s time to look forward. Yes, you read that right: It’s time to move on. And I write this as a huge fan of Fireworks6! Nevertheless, I think that designers need to be able to adapt, constantly learn new skills and master new tools in order to be competitive in the industry. Don’t get me wrong: I am not saying “Ditch Fireworks already,” but rather am asking all of you to be pragmatic and get your hands dirty with a very good alternative.

No doubt, Fireworks is a great app for designing screens. Yet, not being supported by Adobe will, regrettably, make it outdated very soon. And it pains me; I still use it for many projects because many of its features are evergreen, sleek and easy to use. To be fair, if you open it today, it won’t look outdated. (Hey, I even wrote a rather lengthy tutorial on icon design in Fireworks7 not long ago because I believe Fireworks is still a great tool for icon design, illustration and many other tasks.)

Yet, I think it is time to find one or more substitutes for Fireworks, because — exactly as in the case of Freehand a few years ago — you don’t need to live in the past!

What Next? Any Alternatives? Link

Quite a few options are on the market, the most obvious being Photoshop. We all know that it is great and packed with features. However, if you are used to the simplicity of certain tools that do something quickly and intuitively, then Photoshop might not be the best fit for you.

Because of its long history, Photoshop is filled with legacy features. It was originally built for bitmap (i.e. photo) manipulation and has expanded over the years to include vector editing, UI and web design, animation, video and even 3D! But Photoshop was never intended to be a UI design tool — that was just one of the many uses for which features were squeezed in over the decades, making the tool tougher to learn. Take Photoshop’s modal view: It has been like that for decades! There are many ways to pick colors, set gradients and apply layer styles. I love Photoshop for its ability to produce great artwork and for being clever in handling very big images, among other things. Nevertheless, some of its features are stuck in the past and haven’t been updated in ages.

The industry has set new standards. UI design and icon design are stronger than ever, and screen design apps need to adapt more quickly to meet the demands of today’s complex workflows. The modern design world also demands new technologies that work with much more than simple static bitmaps: scalable vectors (SVG and HTML5’s canvas), high-DPI versions for multiple resolutions, design with code (modern CSS), and motion graphics, not to mention the need to rapidly produce complex, interactive prototypes.

Among these apps, Sketch8 is a very good alternative, especially if you are a UI, web or icon designer.

I should probably also mention Adobe Illustrator. But while Illustrator is an awesome graphic design program (I use it myself, and a lot!), it has way too many options, and its primary purpose has always been vector illustration and print tasks, not user interface design. As a quick example, with Illustrator’s “Export for web,” it’s still difficult to produce crisp, optimized graphics and icons, even with its recent improvements for working with pixels.

Sketch tries to combine the vector power of Illustrator with the simplicity of Fireworks, while staying focused on screen design. So, for me, it is the most obvious choice for those who wish to transition from Fireworks and explore new tools.

Diamonds are made under pressure.

Peter Marshall9

Sketch came out at the right time as an affordable and solid alternative for web designers — it’s relatively cheap and easy to learn. However, Sketch is the underdog in the world of graphics applications (a world inhabited by some big names, including Adobe), and it still needs to prove itself in some ways.

No doubt, its developer, Bohemian Coding, feels the pressure from other companies, and it’s definitely not easy to come up with a completely new tool for screen and web design and to be recognized as a leader. But we all know that diamonds are made under pressure! And that diamond icon, which appears in the dock when Sketch is installed, is doing a great job so far.

A diamond icon
A diamond icon. (Image: Fabio Benedetti10)

(On a related note, just a week or so ago and more than two years after having stopped development of its only dedicated UI design tool, Fireworks, Adobe announced that it has started work on a new tool, Project Comet11. From the looks of it, it might be a competitor to Sketch, but it might be too early to say. The first version of Comet is to be released in 2016.)

Before talking about transitioning to Sketch, I would like to mention one more alternative to Fireworks: Gravit12. It’s a free web app and was built in the spirit of Fireworks and Freehand13. Some of the tools you are used to in Fireworks are not yet present in it, but the app is being updated frequently, and I hope it becomes a serious competitor in the near future.

Note: Sketch is a Mac-only program. If you are in the creative industry, then there is a good chance you are a Mac user already, so that’s good news. However, if you use another operating system (Windows or Linux), I’m afraid you won’t be able to try it14 anytime soon.

Making The Transition From Fireworks To Sketch Link

So, you have used Adobe Fireworks for ages and have now decided to give Sketch a spin. Where do you start? How do you make the transition?

My advice is to start with a small project. It may be an icon design project, a landing page or some simple artwork that you have to deliver in a short span of time. This will allow you to try the software and will improve your problem-solving skills.

If you get stuck on something, don’t retreat to your comfort zone. Instead, try to solve the issue in Sketch. It might be more difficult in the beginning, but the effort will pay off. After a few small projects, you will be able to take on bigger ones and will start to master the app.

Another approach is to recreate something you’ve already done. You could use some existing work as a model and then use Sketch to draw it again. This way, you will more easily find the equivalents in Sketch for the things you do often in Fireworks.

So, let’s begin with a few practical tips!

Tip 1: Make It Scalable! Link

Vectors can be scaled to any size, while maintaining quality and all detail15
Vectors can be scaled to any size, while maintaining quality and all detail. (Image: Fabio Benedetti16)

Fireworks and Sketch are mainly vector editors, both very powerful and quite easy to use. Fireworks also handles bitmap-modification operations pretty well (you can do a lot of the stuff you would normally do in Photoshop, like crop images, clone and retouch photos). Sketch has recently improved its image-editing tools, but they remain pretty basic (for example, it has a tool for selecting objects, a magic wand, a cropping tool and a few more).

UI and icon designers love scalable assets, and for good reason: When working with user interfaces, they often need to scale assets for different screen resolutions. With the introduction of high-resolution displays, all buttons, headers and components need to be adjusted for different sizes and devices. Fireworks handles the scaling of vectors very well (although its own GUI never got updated for Retina Macs). Being vector-based, Sketch does vector scaling perfectly as well (and it gets a few bonus points because its GUI looks gorgeous on a Mac, crisp and polished).

Compatibility With Adobe Illustrator Link

Until Illustrator version CS5.1, you could copy and paste vector shapes from Illustrator to Fireworks directly. That was an awesome feature. For example, you could craft a logo design in Illustrator and then paste it in Fireworks, with no hassle and with all of the vectors being editable. Unfortunately, this feature did not make it to Illustrator versions CS6 and CC. If you want to import a file from Illustrator CS6 or later into Fireworks (or copy a vector object from it), first save the file in Illustrator as *.ai (version 8). Then, you’ll be able to open the .ai file in Fireworks, and the imported vectors will be intact and ready. A bit convoluted, but still a helpful workflow.

Pasting directly from Illustrator to Sketch is a straightforward process
Pasting directly from Illustrator to Sketch is a straightforward process.

Luckily, Sketch offers this great feature out of the box, and it handles it pretty well. If you love working in Illustrator, you can easily share assets between the two tools with a simple copy and paste.

Tip 2: Canvas Vs. Artboards Vs. Pages Link

Fireworks’s canvas versus Sketch’s artboard17
Fireworks’s canvas versus Sketch’s artboard. (View large version18)

This is a dealbreaker for some, especially people who have never touched a tool like Adobe Illustrator, because they might not be familiar with artboards.

Fireworks works with pixels. You set up a fixed-size canvas when you start working, measuring the space exactly. This fixed-size canvas is called a “page,” and you can create as many pages as you need in a Fireworks-opt.png file.

When you open Sketch, you don’t have to enter any measurements for the canvas’ size. The space where you design is infinitely large. This puts some people off at first, but here’s a trick: Define an artboard instead.

Similarities between artboards in Illustrator and Sketch19
Similarities between artboards in Illustrator and Sketch. (View large version20)

An artboard defines boundaries. So, if you used to love working with a canvas, you can set an artboard to whatever size you like. To define an artboard in Sketch, simply press A and drag the cursor until you reach the desired dimensions. You can also modify the size of an artboard from the Inspector panel on the right.

The beauty of this is that you can have multiple artboards in the same document, which is pretty handy if you are working on a project that needs multiple views — for example, for desktop, laptop and mobile devices with various screen sizes. (The same can be achieved in Fireworks by using multiple pages, each with its own canvas size — see the note just below.)

Note: Both Fireworks and Sketch have pages, which could lead to some confusion. In Fireworks, you can create multiple pages, and each page may have its own canvas size and may contain layers, objects and states. In Sketch, you can create multiple pages, and each page may have several artboards. An artboard in Sketch is often used as the equivalent of a page (or a screen) in Fireworks; the term “canvas” refers to the drawing space. In Fireworks, only things that are on the canvas (i.e. on the page) are visible, but in Sketch and Illustrator, things off the artboard are still visible; hence, the term “canvas” being used for the drawing space. Whereas Fireworks can display only one page at a time, Sketch is more like Illustrator in that it can display multiple artboards at once, because all artboards exist on one larger canvas. Pages in Sketch are often used as a way to keep designs organized.

The Pages panel in Fireworks versus the Pages panel in Sketch 21
The Pages panel in Fireworks versus the Pages panel in Sketch. (View large version22)
Artboard Presets in Sketch Link

As soon as you press A on the keyboard or click “Insert Artboard,” you will see several preset artboards in Sketch’s Inspector panel, and you can choose one or more of them simply by clicking on their names. This is extremely useful and saves time in projects. (Fireworks does not offer a similar feature and has no page presets. However, when you create a document, you can select one from a set of document templates, and you can create, save and reuse your own document templates. The templates you create may be multiple pages, and you can give each page a custom name and size in pixels.)

Preset artboards in Sketch23
Preset artboards in Sketch. (View large version24)

Tip 3: Compound Shapes And Gradients Are Easier Than You Think Link

The more you use Sketch, the easier the transition will be. Let’s put this into practice with some gradients.

A linear gradient in Fireworks (left) and a linear gradient in Sketch (right)25
A linear gradient in Fireworks (left) and a linear gradient in Sketch (right). (View large version26)
Gradients Link

One of my favorite features in Fireworks has always been gradients. We talked extensively about gradients in my previous article “Designing a Rocket Icon in Adobe Fireworks27” — specifically, in the section titled “Understanding How Gradients (and the Gradient Tool) Work in Fireworks.”

The Gradient panel in Fireworks
The Gradient panel in Fireworks.

Fireworks still handles gradients a bit better than Sketch, allowing you to choose many more gradient types (radial, linear, ellipse, rectangle, cone, contour, bars, etc.). But even if the interface for editing a gradient in Sketch is slightly more minimalist, it is extremely simple to use. Forget about modal windows: In Sketch, you get a live preview of the gradient, and you can make quick changes, choosing a linear, radial or angular gradient type. I would have preferred more choices here, but the way gradients are created on the screen is flawless. They look awesome, without any banding problems, probably even better than ones created with Fireworks or Illustrator.

Gradient panel in Sketch
Gradient panel in Sketch.

Note: Sketch has only three types of gradients, which map closely to CSS gradients, making it easy to recreate the gradients in code later. Several of the gradient types in Fireworks may be pretty and original, but they have no CSS equivalents and can only be used for exported bitmaps, not in CSS.

Compound Shapes Link

Compound shapes are one of Fireworks’ best features (you will notice a similarity with Illustrator’s Pathfinder tool). Using compound shapes in Sketch is very similar — so, great for us! You will be using compound shapes in all of your major UI, icon design, web design and illustration projects, so knowing how this feature works will be handy.

If you combine two vector shapes in Fireworks’ Properties panel, the changes will not be made permanent until you press the “Combine” button. Basically, you will now have one shape, but the two shapes it was made from can still be edited individually.

Fireworks’s Properties panel lets you edit compound shapes
Fireworks’s Properties panel lets you edit compound shapes.

The original shapes will remain editable until you decide to combine them. If you do not use the “Combine” button to permanently combine the path action, you can tweak the individual shapes as you like.

Sketch acts in the same way. When you combine two shapes, they are put together in a sort of layer group. You can still modify and change each shape individually before pressing the “Flatten” button in the top menu bar.

Compound shapes in Sketch
Compound shapes in Sketch (in the top toolbar).

Sketch offers four main options for dealing with shapes: “Union,” “Subtract,” “Intersect” and “Difference.” These are actually very similar (if not identical) to Fireworks’ options. Union in Sketch corresponds to Add and Union in Fireworks; Subtract in Sketch corresponds to Subtract and Punch in Fireworks; Intersect in Sketch is the same as Intersect in Fireworks; Difference in Sketch is more of a unique function, basically the opposite of an intersect operation.

Compound shapes in Sketch28
Compound shapes in Sketch. (View large version29)

Tip 4: Wacom Tablet? Great! Link

Tablet icon30
Tablet icon. (Fabio Benedetti31)

I love Wacom32 and was always frustrated that it worked so sloppily with Fireworks. The issue seemed to be more the way Fireworks handles the tablet interface than a problem with Wacom itself. If you are using Fireworks, you’ll know that most of the time you are forced to design with a mouse. That’s not a big deal — for some precision jobs, I prefer the way you can move pixels around with a mouse. Having said that, I must say that Sketch works perfectly smoothly with Wacom tablets, and I love that.

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32

Overview of this article

Page 1/2»
Page 1: Switching From Adobe Fireworks To Sketch: Tips 1–5

↑ Back to top Tweet itShare on Facebook

Fabio Benedetti is a creative Italian Designer and design enthusiast. He moved to the UK in 2007 after studying Languages and Humanities Computing at University of Pisa in Tuscany. He is now working as Visual Designer at Apple. His fields of expertise include UI design, Icon design and Software design. He also creates characters illustration and branding for various clients in his spare time. You can find some of his latest works on his Dribbble Page.

  1. 1

    Great article!! Thanks for the ideas.

  2. 2

    I am using Sketch at work and it’s a great tool. I don’t really miss Fireworks. We bought FW until the CS6 version but it had so many issues with the spotify app. ;) That was one reason I switched. Larger files with many pages used to crash often is another.

    The sad thing… no sketch for windows. Thanks for the article.

  3. 3

    Tomáš Kapler

    October 22, 2015 3:18 pm

    If your live anywhere outside US, chances that you are using Mac are actualy about zero. So no, Sketch is not an alternative for majority of world.

    • 4

      I wonder why they get the impression that designers exclusively use a Mac? I don’t get it. It’s not the tool, it’s the one behind the keyboard and mouse that matters.

      • 5

        And many people feel that Macs tend much *less* to creativity, with their heavy-handed control of everything, whereas on a PC, you’re so much more in control of your computer.

    • 6

      Illustrator is pretty much your only choice for a FireWorks replacement.

    • 7

      I was an hardcore windowsuser, using fireworks more than 16 years since Version 2 creating professional webdesigns in different agencies. First they killed Freehand, then Fireworks, they lost Flash and created “the Cloud”. So last year I bought my first Mac only for Sketch, Pixelmator & Affinity Designer for the price of 2x Photoshop Elements. Sketch is one of the best piece of software I’ve ever discovered. The problem was not the Mac. The problem is & will be Adobe. They don’t want us any more.

    • 8

      Are you kidding me!? I see quite a few photos of the “poor” easter european countries with people in their company or private office, at home, and what surprises me is there’s a Mac on the desk. What makes it even more interesting is that people from those countries complain that prices are so high… hmmm… not to make out of all that…

    • 9

      I am from an Asia country and Mac users are just as much as most part of the world. I have been to Japan and designers there bow to Macs too.

      I have convince as many designers that I know to just give Sketch as try and 95% of them bought it after a week with it. My up-to-date conversion rate from Adobe to Sketch is 205 designers that uses Mac and more to come.

      I personally use Mac too since the G3 days so I wonder what is the intention behind your statement.

  4. 10

    Fabio Benedetti

    October 22, 2015 3:50 pm

    @Stefan Thanks Stefan! I am well aware of the issue with Spotify. Interesting to see where Fireworks would be today if Adobe was still developing it. Having said that, Sketch is a very promising software and I am keen to see how well it expands.

  5. 11

    Someone has an effective alternative to FW for windows?
    I tried Macaw but I’m not really pleased about it

  6. 12

    Thanks for the articles. Very useful information.

    One thing that keeps me from switching completely is the fact that I still have hundreds to thousands of Fireworks PNG files for different projects, which I need to work with sometimes. I haven’t found a way to open these in Sketch or migrate them. Without manually doing it one file at a time.

    Is there a way?

    • 13

      Fabio Benedetti

      October 22, 2015 5:10 pm

      Interesting point Matthijs. I think this is a tough one.
      What you could do is trying to export most of the files in SVG format (I am assuming that you are keeping your shapes in vector and not rasterising them) Please see this:

      Then you could import the SVG files into Sketch. Have you ever tried that? Please note that Sketch supports importing SVG files, but the coverage may not be 100%, as SVG has some concepts that Sketch does not support.

      Fireworks will allow you to export files in SVG with the Aaron Beall’s extension:
      You may lose some details, but at least you will not have to re-create lots of stuff. :)
      I hope this is helpful.

      • 14

        Hi Fabio, thanks for your reply! That is indeed a way to migrate a file. The only problem is that it will have to be done file by file. I have 50 projects with dozens of files each. That will take many weeks, time I don’t have.

        I guess that’s the core problem with these proprietary file formats. including the one Sketch app is using, .sketch :( It completely locks your data in the specific application.

        I’m fine paying and using for proprietary software, but this data lockin is a real problem. Who knows whether Sketch still exists in a couple of years or if there’s another better alternative then?

        • 15

          What we need would be a “fireworks2sketch-app”. It’s a huge market niche. I would pay for that.

  7. 16

    FreeHand was and still is the best vector graphics program. I’ve tried them all except for Xara. FreeHand’s Graphics Find & Replace tool is the best thing ever in any graphics program ever made in the history of graphics programs. It was amazing and I have yet to see it’s equal.

    • 17

      Actually Gravit contains features from both Freehand and Fireworks. I.e. it inherited the pen tool and bezigon tool from Freehand as well as paste inside.

      • 18

        Web-based = no. Also, needs a lot of work before it can be used for professional illustration work.

        • 19

          Out of curiosity, why would web based = no? Google Docs, Microsoft Word, several AutoDesk software and many others alike are all web based, and still being used consistently by professionals. Is there anything in particular that is preventing you from trusting a web based application?

          If it’s a matter of security, I think sending a design via email to a client or co-worker has the same flaws as any web based application. We are also going the https route (coming with next release) which will make it more secure. If it’s a matter of the features, most of what you find in Fireworks and Freehand is available in Gravit and runs as smoothly as on native app. Not to mention, two of those apps are no longer being developed, where as we are consistently updating ours with feedback from users. And that is just from one aspect of our product, we also have a community built in and integrations of several third party tools that these products have never provided.

  8. 20

    Don’t switch from Fireworks just yet! This was just announced recently:
    Looks like Adobe heard our voices!

    • 21

      Fabio Benedetti

      October 23, 2015 1:31 pm

      Hey Joe, thanks for this note. This is also stated in the article.
      “On a related note, just a week or so ago and more than two years after having stopped development of its only dedicated UI design tool, Fireworks, Adobe announced that it has started work on a new tool, Project Comet. From the looks of it, it might be a competitor to Sketch, but it might be too early to say. The first version of Comet is to be released in 2016.”
      I think it’s early to say what Adobe will do, but this is definitely an interesting point.

  9. 22

    Covering a Mac ONLY application covered on Smashing magazine feels wrong.

  10. 23

    I mourn Fireworks. Since the horrid and expensive “cloud” thing and a Mac upgrade, I’ve stopped using it. I won’t use Adobe products now. But I’ve used FW on both a Mac and WinPC and I still think there’s nothing around that can touch it for web work, but we must as you say, move on.
    I now use Pixelmator. I tried Sketch and it just didn’t appeal to me. To each their own.
    Change sucks.

    • 24

      Fabio Benedetti

      October 23, 2015 10:24 am

      Thanks for your feedback Sue. As you say Fireworks is still a good software to use for screen design. I think it can still be used to a certain extent. The point of this article is to show a smooth transition from Fireworks to Sketch and how it can be flawless and easy. I reckon Pixelmator is a good alternative as well!

      • 25

        Yes, quite right Fabio. I didn’t mean to dismiss Sketch and your excellent article. Thanks for the article, by the way, I may have to revisit Sketch (and leave my grumpy biases behind).

  11. 26

    Interesting article. I am also the one, who switch from Fireworks to Sketch and I must say that Sketch is great and easy to learn. BUT… The feature I really miss in Sketch is ability to prototype (not only for iOS), which was really easy with Fireworks…

  12. 27

    Project Comet will be Adobe’s answer to Sketch. And the fact that you’ll be able to wireframe and prototype as well means that will probably be the new “IT” tool for UI designers.

  13. 29

    Adobe Project Comet is coming early next year for non Mac users

  14. 30

    Great article. I’m done with Adobe and their subscription model.

    Project Comet looks great but at this point I’ve used Sketch and will switch to Affinity Designer and Affinity Photo after this year’s commitment is done. Adobe may have kept goodwill amongst those of us reliant on Fireworks had they hinted about a tool being built from the ground up suitable for our workflows. But they didn’t. And adding web-related features to PhotoShop doesn’t cut it.

    If Project Comet has the capability of opening Fireworks file I could see purchasing that program alone, otherwise I will continue to wish Sketch had more shortcuts from Fireworks.

    • 31

      Fabio Benedetti

      October 24, 2015 12:17 pm

      Hey Lucija, thanks for your comment.
      Project Comet looks great indeed! I am curious to see how it unfolds. I tried Affinity and it looks beautiful too. I agree that it would be great to have a sound way to open the layered Fireworks PNGs in another software to keep things neat and tidy. Hopefully Comet will help on this.

  15. 32

    Fabio, thank you so much about article. Sharing with you totally same opinion and FW is one of best tools ever for UI and web design. Hurtful thing is Sketch only for mac. So changing FW is not costing 90$ it is costing 1590$ with apple computer. At any case, your article is very very useful, because you answer all the question marks on my mind about transition FW Sketch. Thank you once more again.

    • 33

      Fabio Benedetti

      October 24, 2015 12:18 pm

      Hey Ognjen, you are very welcome! Hopefully we are going to have some more articles on similar topics. :)

  16. 34

    I have been using fireworks more than 7 years, I am trying Sketch now, but I miss keyboard shortcuts, image editing tools and specially pen tool , using pen tool is lotttt easy in fireworks, I hope I will learn sketch soon.

  17. 36

    Koen van Niekerk

    October 24, 2015 8:37 pm

    I have been a long time user of Illustrator for Ui design and Wireframing.

    Sketch is no doubt a great tool, but i find it very strange that the People from Sketch label it as an alternative for Photoshop, where it resembles Illustrator much more closely

    The features that really matter (vector-based, multiple artboards, symbols, styles and slice exports) are very identical. What Sketch has over Illustrator is a more smooth way of exporting 2x and 3x artwork and SVG’s. But other than that the differences are minor.

    The problem with Illustrator is that it is difficult to master., partly because of all the stuff you don’t need when designing UIs. 60% of the UI is dedicated for stuff that ends upo on paper (CMYK color spaces, millimeter settings, all the filters etc). If you can look past that you have a pretty good UI design tool.

    That said I still look forward to Adobe’s project comet: a dedicated UI tool that let me design and prototype in the same tool sounds awesome!

    • 37

      Fabio Benedetti

      October 25, 2015 1:34 pm

      Good point Koen van Niekerk, thank you!
      I personally don’t think that Sketch is an alternative to Photoshop.
      They were designed for different purposes at their core.
      As you say, Sketch is more similar to Illustrator in its workflow and overall functionalities.
      You can indeed do UI design in Illustrator nowadays, but Illustrator can be too complex for UI design tasks.

  18. 38

    this change makes no sense. why should i go to sketch . its just on macs… do you think people buy just macs? stupid

    and by the way illustrator is in adobe familiy and its integration is just smooth with photoshop and dreamweaver …

    keep sketch the kripple for yourself.

    if you show people a switch i would show it in inskape and freeeeeeeee tool otherwise your artikle looks like payed advertisement.

  19. 39

    its free, its for mac and pc

  20. 40

    As someone who has the ability to use Sketch or Photoshop or Illustrator or even Fireworks at work I just don’t think Sketch is a Photoshop or Illustrator killer. Don’t get me wrong, it has really cool features that I wish Photoshop and Illustrator had.

    I have been in the trenches with Sketch and where it doesn’t shine is when you are crunching and time is not on your side and your layer pallet is a mess. Trying to drill down into your layers is hell.

    This is a great tool for someone who is new to the game. I switch back and forth from time to time just to make sure I am not missing something, but so far I havn;’t felt the need to switch indefinitely.

  21. 41

    A good alternative for the 4% using a Mac. :-(

  22. 42

    I always loved the way I could preview my designs in a real browser in Fireworks, especially when aiming for desktop. Just press f12 and voilá! I was wondering if Sketch has such feature?

  23. 43

    I’ve been happily using Inkscape for quite some time now. If you what you want is vector image editing and proper PNG output .. here ye go. Cross-platform – happily using the same UI on all major desktop platforms ;)

    Sadly, there is no real replacement for the infamous PNG-8 powers yet ..
    .. though pnquant + related commandline tools help quite a bit.

    For anything else I’m still using my old crafty PS 7 and 8. Never really saw the advantages of switching to newer versions – the UI got crappier each time, and if I need versioning or team efforts / groupwarish features, I pick git over that shoddy excuse by Adobe anytime ;)

    cu, w0lf.

  24. 44

    FW would be still best app if it would be stable for bigger files (resolution and pages).


↑ Back to top