25 Oct 2019

Goodbye Sketch...

Hi, I'm Sam Hainsworth, Design Lead at Catch, and I want to tell you about our Creative Team's recent move from Sketch to Figma and the benefits it has brought us in creating a more collaborative and efficient work process.

It wasn’t so long since that if you asked a designer what software they used to create just about anything, the answer would more likely have included the word ‘Adobe’.

Today, there are so many options to bring creativity to life, that a big question more often than not is: what’s the best design software out there right now? And the answer for a while was Sketch, but not anymore. 

Our hearts have been stolen by Figma.

What’s Figma you ask? In many ways, it’s exactly like Sketch…Invision, Principle, Craft, Google Drive, and Dropbox. It may sound like a Frankenstein's mess of a platform, but it’s possibly the greatest design eco-system ever built to date (my own views here...!)

Figma at heart is a web app - yes, no software needed other than a web browser - that allows Designers, Developers, and Clients to collaborate together to make beautiful creations of any kind. It's the first piece of software that has managed to combine a design tool, prototyping, and animation that allows teams to be able to work together with ease.

For the sake of this article, I’ve split it into 2 key areas (designing and prototyping ) on why we think Figma is the king.


Designing with Figma

As a design tool, Figma is A LOT like Sketch. They’ve certainly done a great job at making the transition from Sketch to Figma easy for us: the interface feels the same, we still have symbols, artboards, etc. But there are some pretty important differences.

Real-time collaboration 

Remember the first time you opened Google Docs and saw someone else typing in real-time, deep down thinking “wow, we really are in the future”, well Figma has taken the idea of real-time collaboration and applied it within their software, allowing multiple people to work on one project at once.

It might sound like you could have the classic hovering Creative Director watching your every movement from the comfort of their own seat, but it becomes such a useful tool. No more do you have 2 Designers working on multiple files and then merging their creative 2 hours later to find they’ve used different fonts weights or having to export assets for each other. This real-time collaboration lets designers have a single source of truth for each project and collaborate in tandem, rather than in silos.

Connected design systems

With many concurrent projects in an agency, one thing that can be a real struggle to keep is consistency. Over the years, projects grow and with that so do the components and styles that build these websites, apps, platforms, etc. Design systems within Sketch (or any other design tool for that matter) are static files that can often get forgotten about or duplicated along the way, creating chaos.

These systems, within Figma, act as your hymn sheet for each client; letting you store reusable assets that can be shared across the design team and projects. Figma transforms these static design systems into live breathing sources of truth (sounds a big deal, well it really is!) that can be worked on together and pulled across many different projects.

 

File management 

Now, this may sound boring, but this truly is such a game-changer: How many times have you been looking for the final creative you worked on 3 months ago, only to find 4 files all with the word ‘FINAL’ at the end of it. Or to not even be able to find where it was saved in the first place?

With Figma, all files are saved within their own cloud eco-system; allowing you to access all your files anywhere, at any time; and with their neat interface, ways of organising and sorting, it's so much easier to access the whole teams’ files.

 

Version history

Last, but by no means least, we have version history: which is again a real lifesaver and means you don’t need to create hundreds of duplicate files anymore. Figma allows you to go back in time and see how your designs have progressed, giving you the option to create key milestones in the project. 

 

Prototyping with Figma

This is where Figma gets really interesting. In the past, prototyping meant uploading your designs to Invision, Marvel, etc. and then adding interactions and repeating every time you got feedback. Figma takes that pain away and lets you prototype and present directly. Essentially, letting you create a clickable prototype and show off fully animated interactions.

Inline commenting

This feature allows anyone to comment inline with the designs you're working on, which sounds like both a blessing and a curse, but it takes the pain out of amends. Now being able to read a comment directly in your design means no more missing feedback and once the amend is done, that’s it: no need to re-upload your prototype, it’s all right there.

Animation

If prototyping wasn’t enough, Figma has recently added ‘Smart Animation’ to the mix, allowing you to quickly create smooth animations and transitions giving your prototypes that extra layer of finish and finesse.

Goodbye Sketch, it’s been emotional

Ok, we still like Sketch and it does still do a few things better than Figma, but right now Figma is in its early days and rolling out features like no tomorrow and we couldn’t be happier with where they’re taking this amazing tool.

So, for now, goodbye Sketch, it’s been emotional.

18 Mar 2018

Women in digital

Happy International Women’s Day! We took some time out to discuss what it means to be #WomenInDigital with some of the amazing women from each of our teams:

  • Helen, Delivery Director - Client Services
  • Ligia, Strategist - Creative 
  • Gabriela, Front End Developer - Tech Development 
  • Michelle, Finance Manager - Operations

Check out our article written by Delivery Director, Helen Aquinol-Tobin - originally posted on LinkedIn "Stand with us - Women in Digital" 

Stand With Us - Women in Digital

I’m lucky enough - not to mention ridiculously proud - to work at an agency that does a pretty good job of empowering people, giving them a voice and ownership of their work without leaving anyone out in the cold. 

Women were granted the same voting rights as men in 1928, meaning this measure of equality has only been granted to 51% of the UK population for less than 2% of civilised history. It took a long time getting there.

The fight for equality at work is picking up speed - but it’s still not fast enough, particularly in the traditionally male-dominated agency world. Change is slower here, hampered by our deification of ‘ad men’ and our enshrinement of the idea that only men are technical, only men are logical.

Pushing past the pay gap issue, which has been illuminated and dissected by far better minds than mine, how do you build an atmosphere of equality in digital agencies - an industry that is still largely masculine by nature?

I’m lucky enough - not to mention ridiculously proud - to work at an agency that does a pretty good job of empowering people

Helen Aquinol-Tobin, Delivery Director

Representation matters. In my first agency there were three women, unilaterally referred to as girls (or even gals, depending on who was talking). No matter what our actual jobs were, we were expected to make the tea and take the minutes of every meeting. I remember occasions where I'd be presenting the P&L and I'd have to stop because one of the gentlemen wanted a biscuit. There were no women to look up to, only ones you could share sisterly side-eye with.

At Catch, there are women in every department. Opinionated, smart, vocal women, empowered to express their opinions and - more crucially - to act. As a member of the senior management team, I’m aware of the high level of visibility of my role. As Delivery Director I’m across all projects, present in meetings and vocal (sometimes too vocal).

I have a voice and I use it to make sure everyone else does too.

I learned just how important this was from a woman I worked for many years ago. It’s no good being granted a voice if you don’t use it to help others discover theirs. She didn't lend me her voice or her support because I was a woman, but because I deserved to be heard. I try to do the same, my sheer visibility and ability to effect change show others like me that it can be done.

Always outnumbered, never outgunned

We ensure that everyone has the appropriate facts at their disposal and the requisite tools in their arsenal to deal with any circumstance. I’ve written elsewhere about building a modular process that allows people to be flexible in their work, this is vital to ensuring everyone is on even footing.

Giving everyone the same tools and empowering them to use them as necessary mean increased levels of ownership and ensure we have an army of people willing to take the initiative, regardless of job role, level of technical knowledge, gender or anything else.

For the most part, women are still in the minority at digital agencies, meaning we have to have that much more to bring to the table when we do get the opportunity to speak. Putting our flat structure to good use, we keep everyone on equal footing and share as much information as possible, ensuring not only that everyone gets a seat at the table, but they get to eat the full meal and leave a review afterwards.

It’s ok to be smart

We don’t expect the women of Catch to be ‘good girls’. Good girls don’t express differing opinions. Good girls don’t make a lasting impression. Good girls are silent.

A smart mouth is actively encouraged - as long as it’s used judiciously and under the right circumstances. Having been hampered by my own smart mouth for the first five years of my career, I’m overcome with glee when a Catch newbie opens hers for the first time.

Everyone speaks

By promoting a democratic approach to agency life, we ensure that everyone gets their chance to be heard. This applies to everything we do, from discussing what we’re pitching for (and how and why) to how we’re going to tackle a technical challenge. We assume that everyone has something of value to add - and badger them incessantly until they realise it too! Makes for a noisy working environment, but how can you be creative without making a little noise? By not pigeonholing people based on preconceived notions of who or what they are and instead, giving them the freedom to express their opinions - regardless of role or gender - we build a better team and get to do more interesting, complex and fun work. Who wouldn't want that?

Everyone listens

Letting people know they’ve been heard is - on the face of it - the easiest thing to do and yet its the thing most people don’t bother with.

Here’s the thing: you can’t expect people to speak up or think for themselves if you don’t listen. And people who don’t get to speak for themselves don’t get to advance. Providing a safe environment where people feel heard makes for a more inclusive atmosphere, and ultimately allows people to produce better work.

Since I’m neither naive nor stupid I know that these things can be difficult to do at large agencies. The bigger you are, the harder it is to change things, particularly if you don’t already have female representation in the upper echelons of your business.

The point I’m making is that this is something that everyone is responsible for. Appointing diversity officers and token hires won’t cut it. Making people feel included, empowered and heard is everyone’s responsibility, all the time.

We’ve come a long way baby, let’s not stop.

Start a conversation

0207 494 3554
or
newbiz@catchdigital.com