<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">
	<channel>
		<title>We Decided to Move Away from Fireworks and Embrace Sketch | Infinum</title>
		<atom:link href="https://infinum.com/blog/how-we-decided-to-move-away-from-fireworks-and-embrace-sketch/feed/" rel="self" type="application/rss+xml" />
		<link>https://infinum.com/blog/how-we-decided-to-move-away-from-fireworks-and-embrace-sketch/</link>
		<description>Building digital products</description>
		<lastBuildDate>Mon, 20 Apr 2026 10:51:47 +0000</lastBuildDate>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>

					<item>
				<image>
					<url>8100https://infinum.com/uploads/2014/07/how-we-decided-to-move-away-from-fireworks-and-embrace-sketch-0.webp</url>
				</image>
				<title>How We Decided to Move Away from Fireworks and Embrace Sketch</title>
				<link>https://infinum.com/blog/how-we-decided-to-move-away-from-fireworks-and-embrace-sketch/</link>
				<pubDate>Thu, 14 Aug 2014 09:08:00 +0000</pubDate>
				<dc:creator>Darko Skulj</dc:creator>
				<guid isPermaLink="false">https://infinum.com/the-capsized-eight/how-we-decided-to-move-away-from-fireworks-and-embrace-sketch/</guid>
				<description>
					<![CDATA[<p>After Adobe posted "The Future of Adobe Fireworks", we realized that we should look for another design tool.</p>
<p>The post <a href="https://infinum.com/blog/how-we-decided-to-move-away-from-fireworks-and-embrace-sketch/">How We Decided to Move Away from Fireworks and Embrace Sketch</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-163"
	 data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-blog-content js-block-blog-content">
	
<div class="block-blog-content-sidebar" data-id="es-92">
	</div>

<div class="block-blog-content-main">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-95"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-93">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-94'
	>
	After Adobe presented new tools known as the Creative Cloud in May last year, they forgot to mention Fireworks. At least that’s what we thought, but after Adobe posted “The Future of Adobe Fireworks”, we realized that we should look for another design tool.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-98"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-96">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-97'
	>
	Considering the fact that we primarily create design for web and mobile applications, we needed a tool focused on screen design.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-101"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-99">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-100'
	>
	Before Adobe’s announcement, there was some buzz on Twitter about a Fireworks/Photoshop alternative, a tool by Bohemian Coding called <a href="http://bohemiancoding.com/sketch/">Sketch</a>. Since moving away from Fireworks would happen sooner or later, there was no harm in exploring our options early on.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-104"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-102"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-103">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2014/07/how-we-decided-to-move-away-from-fireworks-and-embrace-sketch-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1000"
															width="1400"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-107"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-105">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-106'
	>
	At first glance, Sketch’s interface really reminded me of Keynote – a focus on User Interface design with all the functions that you actually need right in front of you. Sure, I needed a few hours of getting used to the new interface, but very soon I was able to get the desired results quickly.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-110"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-108">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-109'
	>
	One thing that really caught my eye is the export for retina displays. That gave us a good hint about the direction in which Sketch was developing and we felt it could become a really great tool.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-113"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-111">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-112'
	>
	Although we were pleasantly surprised by the look and feel of Sketch, we didn’t immediately embrace it as our primary design tool.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-116"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-114">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-115'
	>
	We decided to wait for a while, checking every update that came along until it reached a certain level of stability.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-119"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-117">
	<h3	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-118'
	>
	The Breaking point</h3></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-122"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-120">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-121'
	>
	The breaking point, so to speak, was version 2.3, which brought some very cool features:</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-125"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-123">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-124'
	>
	<li>PDF and EPS import</li><li>Sketch Mirror</li><li>Background Blur etc.</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-128"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-126">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-127'
	>
	This pushed us to start testing Sketch in a serious way – on real projects. While doing client work was still a bit dodgy, we gave it a go on some of our internal projects and products. One of them is <a href="https://productive.io/">Productive</a>, a business intelligence tool we originally created for internal use, but have released it to the general public recently.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-131"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-129"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-130">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2014/07/how-we-decided-to-move-away-from-fireworks-and-embrace-sketch-2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="380"
															width="700"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-134"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-132">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-133'
	>
	While we were busy testing Sketch on real projects, the Sketch community grew really fast. Some of the major players in tech industry such as Google, Twitter, Foursquare and SoundCloud also started to use Sketch, which was a perfectly good testament to its quality.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-137"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-135">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-136'
	>
	After April 1st this year, with <strong>Sketch 3</strong> published, we decided to replace Fireworks with Sketch and use it as our primary tool for design.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-140"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-138">
	<h3	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-139'
	>
	A way forward</h3></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-143"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-141">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-142'
	>
	Even though Sketch is a great tool, it still has some room for improvements. The awesome thing is, the guys at Bohemian Coding are doing a great job by listening to the designer community and accepting their ideas.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-146"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-144">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-145'
	>
	Comparing Sketch with Fireworks, here are some things we really like:</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-149"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-147">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-148'
	>
	<li>Clutter-free interface</li><li>Artboards</li><li>Export multiple resolutions from every slice</li><li>Precise color picker (ability to pick colors while editing gradients)</li><li>Reverting files (ability to copy-paste from previous versions)</li><li>Sketch Mirror</li><li>Font rendering</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-152"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-150">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-151'
	>
	Of course, there is always <strong>room for improvement</strong>. Here are some features we would like to see implemented:</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-155"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-153">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-154'
	>
	<li>Full Symbol support</li><li>Better Plug-in integration (Plug-in interfaces)</li><li>Export Pages to Files (PNG, PDF, JPG)</li><li>Tabbed document interface</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-158"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-156">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-157'
	>
	All in all, while Fireworks was a workhorse of our design department for a very long time, Adobe’s decision to axe it and coax people into Creative Cloud subscription model pushed us to find a worthy alternative. If Adobe actually introduced a real successor to Fireworks, we probably wouldn’t spend time exploring other options.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-161"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-159">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-160'
	>
	Then again, in Sketch we really found a tool that suits our needs. Bohemian Coding’s software proved its worth and by the looks of it, can only get better with further development.</p></div>	</div>
</div>
</div>		</div>
	</div><p>The post <a href="https://infinum.com/blog/how-we-decided-to-move-away-from-fireworks-and-embrace-sketch/">How We Decided to Move Away from Fireworks and Embrace Sketch</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
		
	</channel>
</rss>