<?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>Author at Infinum</title>
		<atom:link href="https://infinum.com/blog/author/darko-skulj/feed/" rel="self" type="application/rss+xml" />
		<link></link>
		<description>Building digital products</description>
		<lastBuildDate>Mon, 20 Apr 2026 09:27:06 +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>
					<item>
				<image>
					<url>7845https://infinum.com/uploads/2013/12/designer-woes-how-to-name-files-and-where-to-put-them-0.webp</url>
				</image>
				<title>Designer Woes  How to Name Files and Where to Put Them?</title>
				<link>https://infinum.com/blog/designer-woes-how-to-name-files-and-where-to-put-them/</link>
				<pubDate>Wed, 18 Dec 2013 07:28:00 +0000</pubDate>
				<dc:creator>Darko Skulj</dc:creator>
				<guid isPermaLink="false">https://infinum.com/the-capsized-eight/designer-woes-how-to-name-files-and-where-to-put-them/</guid>
				<description>
					<![CDATA[<p>We realized that we need to implement a well-defined folder structure and naming convention to keep things running smoothly.</p>
<p>The post <a href="https://infinum.com/blog/designer-woes-how-to-name-files-and-where-to-put-them/">Designer Woes  How to Name Files and Where to Put Them?</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-235"
	 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-164">
	</div>

<div class="block-blog-content-main">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-167"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-165">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-166'
	>
	As our company grows, we handle more and more projects simultaneously. We soon realized that we need to implement a well-defined folder structure and naming convention to keep things running smoothly.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-170"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-168">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-169'
	>
	A part of the <a href="https://infinum.com/news/deloitte-technology-fast-50-central-europe/">success</a> as a consulting company is having a steady stream of new projects coming your way. If you want to tackle them all, you need to have multiple teams working on multiple projects at the same time. At Infinum the developers are organized into teams according to the target platform – iOS, Android, Windows Phone and Web.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-173"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-171">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-172'
	>
	The design team closely cooperates with the development teams to provide them with the required assets – fonts, backgrounds, icons and everything else they need. We use this basic structure to organize our folders, as our main focus is to help each employee locate and access the required file or folder as quickly as possible.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-176"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-174">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-175'
	>
	Folders</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-179"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-177">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-178'
	>
	Each folder should be named after the project and it should contain the following subfolders: Resources, Design, Screenshots and Export.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-182"
	 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-180"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-181">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2013/12/designer-woes-how-to-name-files-and-where-to-put-them-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="306"
															width="700"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-185"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-183">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-184'
	>
	If the project includes doing work for more than one platform (e.g. Android and iPhone), the folder structure changes a little. The root folder is still named after the project itself, but files in it are grouped under the respective platform names (e.g. Android, iOS or Web). The only exception is the Resources folder, which stays just one level below the project folder.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-188"
	 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-186"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-187">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2013/12/designer-woes-how-to-name-files-and-where-to-put-them-2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="464"
															width="700"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-191"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-189">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-190'
	>
	If you are wondering what’s located in all these folders, here’s how it works:</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-194"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-192">
	<ul	class='typography typography--size-16-text-roman js-typography lists__typography'
	data-id='es-193'
	>
	<li><strong>Resources</strong> – this folder is split up into two folders, and generally holds any assets, documentation, materials and other files supplied by the client. <strong>Materials</strong> contains guidelines, photos, brochures and other materials. <strong>Documentation</strong> contains technical or functional specifications for a project and is also useful to developers.</li><li><strong>Design</strong> – this folder contains the design source files adhering to a naming convention explained below. These are mostly Adobe Fireworks (.fw.png) files, but also Photoshop (.psd) and others.</li><li><strong>Screenshots</strong> – this folder contains screenshots for an app/website grouped into folders named after the iteration. These screenshots are used to coordinate with the client and developers in various phases of the project. Basically, these screenshots tell other stakeholders: <em>This is what it’s going to look like.</em></li><li><strong>Export</strong> – this folder contains exported (<em>sliced</em>) graphics for developers. This could be anything from a header image to a button background. Developers use these graphics to build the final product. The graphics are grouped in folders, and each of these folders carries the name of a particular screen (for a mobile project) or page (for a web project).</li></ul></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-197"
	 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-195"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-196">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2013/12/designer-woes-how-to-name-files-and-where-to-put-them-3.webp"
					class="image__img block-media__image-img"
					alt=""
										height="548"
															width="700"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-200"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-198">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-199'
	>
	File naming</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-203"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-201">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-202'
	>
	The name of a source design file has to contain the name of the project, platform name and version number, in this exact order. Every iteration of the source file should be saved as the next version. This enables us to easily find an earlier iteration, compare and discuss the different stages of design.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-206"
	 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-204"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-205">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2013/12/designer-woes-how-to-name-files-and-where-to-put-them-4.webp"
					class="image__img block-media__image-img"
					alt=""
										height="306"
															width="700"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-209"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-207">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-208'
	>
	Screenshots</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-212"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-210">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-211'
	>
	We still use Adobe Fireworks as the primary software for screen design. Naming pages in it is the easiest way to keep screenshots organized after export. Each page name should contain an ordinal number and a screen name. After exporting pages to a folder, each JPG file inherits the name of the page.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-215"
	 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-213"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-214">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2013/12/designer-woes-how-to-name-files-and-where-to-put-them-5.webp"
					class="image__img block-media__image-img"
					alt=""
										height="464"
															width="700"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-218"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-216">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-217'
	>
	Using Dropbox and Alfred</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-221"
	 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-219"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-220">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2013/12/designer-woes-how-to-name-files-and-where-to-put-them-6.webp"
					class="image__img block-media__image-img"
					alt=""
										height="306"
															width="700"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-224"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-222">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-223'
	>
	Since the design team cooperates with all other teams at the company (and basically works on all the projects), the list of our projects is a lot bigger than theirs. Therefore, clicking through <a href="http://en.wikipedia.org/wiki/Finder_(software)">Finder</a> can be really frustrating. For much easier access to files and folders we use <a href="http://www.alfredapp.com/">Alfred</a>.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-227"
	 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-225"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-226">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2013/12/designer-woes-how-to-name-files-and-where-to-put-them-7.webp"
					class="image__img block-media__image-img"
					alt=""
										height="400"
															width="700"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-230"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-228">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-229'
	>
	With Alfred you can easily access applications, files and folders, quickly search the web and much more. As we have a very strict structure of file names, Alfred allows us to access them directly and open them with Fireworks, which is a lot more convenient and faster than doing the same thing with Finder.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-233"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-231">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-232'
	>
	Instead of using a local server or network storage infrastructure, we trust <a href="https://www.dropbox.com/">Dropbox</a> with our files. Our Internet connection is pretty reliable, and even if it fails, we still have local copies of all the files we are working on. There are two more big perks of using Dropbox – automatic cloud backup and automatic resolving of conflicted copies. Best of all, basic accounts with 2 gigs of storage space are free and additional space is not that expensive.</p></div>	</div>
</div>
</div>		</div>
	</div><p>The post <a href="https://infinum.com/blog/designer-woes-how-to-name-files-and-where-to-put-them/">Designer Woes  How to Name Files and Where to Put Them?</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
		
	</channel>
</rss>