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 · World Congress 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 · World Congress 2025

3:57 min

Strategic practices for integrating UX into agile developer workflows

Malte Breitzmann Malte Breitzmann +1 · World Congress 2025

3:39 min

Blending design and development into a single workflow

Erica Rider +1 · World Congress 2021