Sketch 49 brings us a killer update, reducing the need for a few 3rd party plugins but also giving a head start for new users. Speeding up the user experience and interaction design for the 1000s of UX designers out there.
When you launch Sketch 49 and start with their Tutorial File, you’ll notice the flag icon (this is the start point)
You can enable the “Flag” icon to show up next to your artboard by enabling it on the “Preview” window.
Recalling the history
When Adobe introduced Adobe XD we were all so amazed by the inherent prototyping ability.
Of course, Adobe built the app purely based on the number of prototyping apps emerging for the UX community.
With apps like Flinto, Marvel, Atomic, Kite, Origami, Principle, Framer and many more. Each offering the user to let them create a prototype that can show off to the end user or developer how the application they’re designing work.
Adobe XD took about a year to mature as I remember wanting to get my hands on it when I read and experienced the keynote in 2015, the first beta was here around spring 2016 lacking a lot of features and affordances we were used to in Sketch, Photoshop, and Illustrator. I had a go at the beta build and subsequent updates bringing more and more features. Finally around fall of 2017 Adobe XD could stand on its own with quick abilities to copy your layers from Photoshop and Illustrator leaving Sketch in the dust.
Adobe XD enabled prototyping and ability to share via the web, a feature that was available in Sketch only with the use of third-party plugins by InVision as Craft Labs.
With Sketch 47 we started to see Sketch Cloud and it matured with Sketch 48, with the ability to share entire Sketch files in read-only mode.
Where there’s a demand there’s development. The folks over at Sketch are geniuses, they finally integrated some of the awesome features surfaced by plugins and 3rd party developers, prototyping, collaborations, cloud sharing, shared libraries to name a few.
Adobe just announced an updated suite for the Creative Cloud subscribers with enhanced applications and added functionality. Those with creative cloud subscription will automatically get the updates along with the ability to keep older versions or simply replace them.
A lot of the designers and developers were moving away from Adobe Fireworks and Photoshop in recent years due to Adobe not giving us updates for Fireworks and it’s vast ability to do something that UX designers and designers in general loved; Pages! Yes each page could be a standalone page and have the ability to share assets from other pages.
With Fireworks getting stuck in 32-bit java code world, we all started looking to alternatives, Bohemian Coding created Sketch from the ground up as a 64-bit application for OS X and brought in features from Fireworks in a different way in the form of Artboards.
We’ve used artboards before in Illustrator but Artboards in Sketch gave you a totally new way of constructing application design, may it be mobile, web or desktop.
Sketch also gave us pages and the ability to create symbols and other neat features, besides it being a completely vector driven design workflow.
For at least 3 years we as designers have been using Fireworks and switching over to Sketch. Adobe saw a lot of designers leaving their tools and decided to do what they knew would keep the designers (who hadn’t switched yet)
Adobe finally brought Artboards to Photoshop CC 2015 and they’ve done it very close to how Sketch treats artboards. Popular prototyping application InvisionApp is already supporting Photoshop Artboards and with it expanding it’s user base yet again.
I still have to experiment with Photoshop and see how it plays with creating multi-size exports like Sketch does. But the plug-in support alone still gives Sketch the upper hand, but those familiar with Photoshop will certainly love this new feature of Artboards lifted from Illustrator and given new meaning.
After using Adobe’s Fireworks (Initially Macromedia Fireworks) for over 15 years to design websites, mobile apps, logos, envelopes, and everything under the sun. I’ve decided to switch over the Sketch 3 (I know it seems like I waited on Sketch 2, it’s cause I didn’t know Sketch existed.)
Used Adobe Fireworks entirely to design some remarkable apps for both iPhone and iPads (including retina) and faced at least 10 crashes a day (mainly because Fireworks is still a 32-bit application running on top of Java 6); and Adobe decided to kill all efforts to update it like they’ve continued to advance the versions of Photoshop and Illustrator (both good tools as you’ll read in the article below)
Meng To does an excellent job in comparing the applications available in the market.
Fireworks.. still not vector
A comparison between Adobe Fireworks, Sketch and Photoshop, and why Sketch is the perfect tool for user interface design.