WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2024 • Aug 20, 2024 • Session details

Bridging the gap between design and development

Jade Jiang , Noga Mann

Treat mockups as open questions, not immutable handoffs. Discover how integrated tooling and shared vocabulary dissolve designer-developer tension to accelerate digital product delivery.

Pause
Mute Enter Fullscreen
#1 about 4 min

Understanding the tension between designers and developers

A cake metaphor illustrates how lacking communication leads to misaligned outcomes and cross-functional tension.

#2 about 3 min

The business cost of poor cross-functional collaboration

Poor collaboration hurts team morale and business growth, emphasizing the need for a shared team mindset.

#3 about 7 min

Building collaborative relationships across functional team boundaries

Cross-functional pairing, sharing work in progress, and discussing trade-offs build empathy and mutual respect.

#4 about 5 min

Creating a shared language through design systems

Co-creating a design system establishes common ground and shared patterns for both technical disciplines.

#5 about 4 min

Using visuals and prototypes to align teams

Whiteboarding, design prototypes, and code prototypes clarify ideas and test technical feasibility early in the process.

#6 about 4 min

Optimizing workflows with collaborative tooling and integrations

File templates and tool integrations create a predictable single source of truth for cross-functional teams.

#7 about 2 min

Bridging the deployment gap with Figma Dev Mode

Developer-focused design features help engineers uniquely track interface changes and efficiently inspect code snippets.

#8 about 4 min

Summarizing the path to better cross-functional collaboration

Investing in solid relationships, shared structural languages, and unified tooling seamlessly delivers higher-quality products to market faster.

Matching moments

1:06 min

Addressing collaboration challenges in design to code workflows

Karan Shetti Karan Shetti

58 sec

Organizing cross-functional and balanced product teams

Rita Castro · WWC 2022

2:48 min

Bridging the gap between software development and design

Kathryn Grayson Nanz · LIVE

5:44 min

Prioritizing developer tools and cross-functional team collaboration

Emil Sjölander Emil Sjölander · WWC 2025

3:57 min

Strategic practices for integrating UX into agile developer workflows

Malte Breitzmann Malte Breitzmann +1 · WWC 2025

3:39 min

Blending design and development into a single workflow

Erica Rider +1 · WWC 2021

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail
24:07
10 months ago

Beyond the Hype: Real-World AI Strategies Panel

Mike Butcher, Jürgen Müller, Katrin Lehmann, Tobias Regenfuss

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation thumbnail
21:17
almost 2 years ago

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation

Carl Lapierre

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI! thumbnail
31:50
almost 2 years ago

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI!

Zaid Zaim

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging thumbnail
29:43
almost 2 years ago

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging

Sue Quackenbush

Dapr in Practice thumbnail
24:08
almost 2 years ago

Dapr in Practice

marcklefter

Minimising the Carbon Footprint of Workloads thumbnail
27:46
almost 2 years ago

Minimising the Carbon Footprint of Workloads

Michael Mueller

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Merging at Scale: From Broken Builds to Green Mainline

Preetam Dwivedi, Manjari Akella

Preetam Dwivedi
Manjari Akella
Open session

World Congress 2026 North America

Agentic Drift: keeping pace with your agents

John Coghlan

Senior Director, Developer Advocacy at GitLab

John Coghlan
Open session

World Congress 2026 North America

Beyond the Code: Human-AI Synergies in Product Development

Ajita Kanchivakam Ananth

Staff Technical Program Manager at Google

Ajita Kanchivakam Ananth
Open session

World Congress 2026 North America

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen
Open session

World Congress 2026 North America

The Broken Rung: How AI is Rebuilding Software Development from the Ground Up

Tomislav Tipurić

Chief Technology Officer, Nephos

Tomislav Tipurić
Open session

World Congress 2026 North America

From Idea to Production with AI: Agentic Development in Practice

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky

Related videos

Bridging the Gap thumbnail
6:16
WWC 2023 • almost 3 years ago

Bridging the Gap

Philipp Kremer

Fireside Chat with Kris Rasmussen, CTO at Figma thumbnail
30:38
WWC 2024 • almost 2 years ago

Fireside Chat with Kris Rasmussen, CTO at Figma

Kris Rasmussen, Thomas Pamminger

Breaking Down Silos Between Design and Development thumbnail
54:22
WWC 2021 • about 5 years ago

Breaking Down Silos Between Design and Development

Erica Rider, Stan Carrico

Design Systems and how to develop consistent and scalable products with them thumbnail
32:21
WWC 2023 • almost 3 years ago

Design Systems and how to develop consistent and scalable products with them

Michael Siregar

Roadmapping and Collaboration Best Practices to know you're building the right thing thumbnail
25:14
WWC 2024 • almost 2 years ago

Roadmapping and Collaboration Best Practices to know you're building the right thing

Shilpa Airi

Designing the Future of Human<>Agent Collaboration thumbnail
28:24
WWC 2025 • 12 months ago

Designing the Future of Human<>Agent Collaboration

Emil Sjölander

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.