Designers and Developers Collaboration: 10 Steps to Start Working Together

Profile Picture of Christi Tidwell
Christi Tidwell
Senior Designer
A developer and a designer communicating using different tools

Many modern work cultures separate design and development teams into independent units. During my time working as a designer at a large company, I experienced this first-hand, with these teams acting as separate units on the same project.

One of the issues was that there was little communication between us: once designs were completed, we digitally passed them to our development team to build without any additional communication. Another issue was that there were no daily discussions, brainstorming across departments, or exchanging of ideas to accompany the handoff.

Designers and developers collaboration issues

As a direct result of this, I observed five main problems that developed as a result:

  1. Unnecessary back and forth between design and development departments. Because there was little communication about the designs, we spent a considerable amount of time explaining concepts and clarifying decisions for our development team. 
  2. Creativity was suppressed. We knew so little about each other’s domains, meaning there were limited opportunities for building new, creative products or features.
  3. Long, complicated QA processes. Specifications were unclear, so QA testing designs took additional time from every member of the team.
  4. Duplication of efforts. Even though there were overlapping skills among team members on distinct teams, we couldn’t leverage each other’s skills.
  5. An inability to take advantage of new tools for collaboration. Both our teams used antiquated processes and tools, but since we weren’t regularly communicating, we weren’t identifying opportunities for improvement.

It’s not uncommon for design and development teams to be disconnected, even though these roles are integrated into building a single product.  I often found myself thinking there must be a better way. I wondered if it was possible to improve collaboration between these teams,  increasing value to the client or end user? 

Fortunately, there is, and I was lucky enough to experience it in subsequent professional roles. In this article, I’ll explore how understanding each other’s common processes, workflows, and leveraging design collaboration tools can bridge communication gaps and help designers and developers work together.

Table Of Contents

Where Design Meets Development 

In theory, the product development process itself is actually pretty straightforward. But it often falls apart in the final two steps: Visual Design and Development. Tellingly, it’s at these stages where design meets development. 

Originally published on May 29, 2018Last updated on Sep 29, 2023

Key Takeaways

How do you collaborate with other designers and developers?

By implementing a good design collaboration process that consists of tools and workflows used to go from ideas to products. The process should include macro design collaboration (the overall layout and visual design of a product) and micro design collaboration (forms, page sections, and buttons).

Do designers and engineers work together?

Designers and engineers should work together to increase creativity and productivity. Working together, designers can better understand design feasibility from a developer’s perspective and decrease back-and-forth communication from a lack of understanding.

How do you see the collaboration between designers and developers?

By implementing a design collaboration process that includes choosing a collaboration tool, thinking responsively for asset creation, involving developers early in the design process, standardizing how design files are handed off, walking through the design with the development team before handoff, implementing effective developer handoffs, creating a space for open communication and learning the common terminology and processes of each team.

How do graphic designers work with developers?

A graphic designer works with a developer to ensure the assets or wireframes the designer has created can be coded and implemented into the site, product, or app.

Looking to hire?

The Scalable Path Newsletter

Join thousands of subscribers and receive original articles about building awesome digital products