Hey, who’s the new girl?
We’ve been doing graphic design with an accent on digital since 1999, and we’ve been working with Adobe Photoshop for the last 16 years. And we’re pretty good at it. We have a solid creative process that guarantees our clients are happy and proud of their new brand, website, or campaign. But how happy is our design team with the tools they are using?
Let’s go back to December 2018. We were committed to our relationship with Adobe. We knew all our Photoshop hacks, shortcuts, and occasional meltdowns. InVision and UxPin were close friends of ours, but we still felt that something was missing.
So we ended up thinking: “Is this all? Isn’t there anything beyond Photoshop? Wasn’t our design process too perfect for too long?”. So we decided to spice it up and have a better look at our design tools and see what we can improve or even replace.
When the art boards go over 9000
Fair warning: sometimes, getting used to a tool and letting yourself be completely comfortable with it leads to getting comfortable with its limitations as well. And as our projects became more and more complex, our favorite tools started to show their limitations.
So when did we actually start to see these problems? The first hints started when Artboards appeared as a CC upgrade. The upgrade gave us a better way to view a project thoroughly, not just as separate .psd files—all good for now.
Things got more interesting when libraries appeared and made Photoshop more of a design tool. Just what every creative needs, right? But did all these upgrades make our life easier? What if there are other options out there?
Photoshop didn’t help much with the design—developer relationship either. Developers had to get the information they needed from the tool, and most of them didn’t even have an interest in learning it. We can’t blame them, though, can we?
It’s not really a breakup if we still talk
Lately, the options for design software have been numerous, so we had to reconsider our tools. Hey, Adobe, it was great while it lasted! We even did a pros and cons list, agreeing that Photoshop is too slow for our fast-paced energy and needs and even too bloated with features we didn’t need. We didn’t want to change our software just for the sake of changing it. We wanted to update our design process. We didn’t want to follow any trends or short-term solutions, and we didn’t want to forget Adobe for good. We just decided to use it for its actual purpose — illustration and photo manipulation.
So what options are out there?
Speed, Collaboration, Prototyping, Client design communication, and Development hand-off. These were the elements that we wanted and needed in a design tool. So we took the winter break to research available options and get away from all the relatives to create an Excel list with all our options. Sorry, family, our design process is as essential as that homemade pie.
Here is our shortlist:
1. Adobe XD — of course, our first option was to stay with the same family we knew. However, Adobe XD still has some performance issues and feels like a lesser upgrade than even Sketch. Again, don’t take it personally, Adobe.
2. Sketch — who doesn’t want to be friends with the cool kid in town? With more extensive support of plugins and somewhat better performance than Adobe XD, Sketch had a reasonably big problem: it was compatible only with macOS. That meant that we also needed the hardware to use this software. This didn’t seem like a big issue if we didn’t feel that Sketch lacked a more modern approach to the design process.
3. Figma — with a really friendly free version, fewer plugins, and offering everything we liked in Sketch, the tool proved to be easy to use, performant, and with a huge added benefit on real-time collaboration.
And the winner is…
Let’s cut to the chase; we went all in for Figma. Why? Firstly, Figma is a browser-based design tool that makes sharing files a breeze. Just send a link to a colleague, client, or friend while you keep working from any computer without having to download the design file and fonts on your device. One creative team happy, checked.
How about prototyping? We can now show the client a more realistic view of the result with a real-time and interactive prototype instead of a series of static .png files. One happy client - checked.
What was this all about?
What did Photoshop lack? The collaboration feature and comment system on which Figma highly relies. After one week of testing Figma, our design team became more in tune than ever. And let’s not forget our development team. Unlike our previous Photoshop system, developers now can inspect, copy and export any design element straight to their browser. No more time wasted on exporting components from the static files or learning Photoshop. One tight creative — dev team, checked.
As expected, it wasn’t an instant love story with Figma neither. As weeks have gone by, we had some reality checks and saw some areas of improvement that we are sure Figma will develop over time. While there is support from the likes of Zeplin, Figma is still very much behind the huge plugin library available for Sketch or even Photoshop. Though we rarely had a massive need for them, we are still convinced that what Figma lacks in this area quickly makes up its pros.
The happy end
Let’s not forget a vital thing: while having a new awesome toy to play with, what truly improved our design process is how we do things in High Contrast. We usually pride ourselves as creative early adopters, but we are a rational bunch of early adopters: we like to test our options, fall in and out of love with them and make the right decision based on our shared values and styles. In this case, we ended up with a more productive design team and a stronger relationship between designers, developers, and clients. We might even call it a happy end.