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

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 25, 2026 · 16:30–16:40

Outdoor Stage

12 Names for the Same Thing: Why Developer Experience Can't Grow Without a Common Language

Artem Mukhin

Software Engineer at Microsoft

Artem Mukhin
Open session

World Congress 2026 North America

September 24, 2026 · 15:30–16:00

Stage 6

Going beyond the code through the GitHub Copilot App: how to unlock you and your team’s superpower

Jenny Hwang

Director of User Research at GitHub

Jenny Hwang
Open session

World Congress 2026 North America

September 24, 2026 · 16:50–17:20

Stage 3

Merging at Scale: From Broken Builds to Green Mainline

Manjari Akella, Preetam Dwivedi

Manjari Akella
Preetam Dwivedi
Open session

World Congress 2026 North America

September 24, 2026 · 14:10–14:40

Stage 4

Agentic Drift: keeping pace with your agents

John Coghlan

Senior Director, Developer Advocacy at GitLab

John Coghlan
Open session

World Congress 2026 North America

September 25, 2026 · 16:50–17:20

Outdoor Stage

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

September 23, 2026 · 13:00–13:30

Stage 2

Parallelize Your Development with GitHub Copilot

Pamela Fox

Principal Cloud Advocate, Microsoft

Pamela Fox