WeAreDevelopers LIVE • Sep 18, 2024

Unlocking Seamless Collaboration: Design-First APIs for UI Components

Lucien Immink

Treat your UI elements like backend services with design-first APIs. Defining clear contracts before coding unlocks seamless team collaboration, framework-agnostic longevity, and fully automated documentation.

Unlocking Seamless Collaboration: Design-First APIs for UI Components thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

4:23 min

Building a framework-agnostic design system with web components

Manuel Mauky · World Congress 2023

7:10 min

Building framework-less architectures with native custom web components

Christian Liebel

Christian Liebel · World Congress 2022

5:00 min

Building and documenting UI components in isolation

Emma Britnor

Emma Britnor · World Congress 2024

1:52 min

Building isolated UI elements using standard web components

Lucien Immink · World Congress 2023

1:25 min

The main promise of UI component libraries

Filip Rakowski · World Congress 2023

5:01 min

Designing flexible and reusable component APIs

Emma Britnor

Emma Britnor · World Congress 2024

More from WeAreDevelopers LIVE

Humans in the Loop: Storytelling in Tech thumbnail

Humans in the Loop: Storytelling in Tech

Christian Heilmann +2

4 days ago

WeAreDevelopers LIVE: Your Brain Is Lying to You: Cognitive Biases in Development thumbnail

Your Brain Is Lying to You: Cognitive Biases in Development

Last week

Like Peas in a Pod - What Happens When People Clone Your App? thumbnail

Like Peas in a Pod - What Happens When People Clone Your App?

Ivan Kutskir +2

2 weeks ago

WeAreDevelopers LIVE - Read more, Prompt Less thumbnail

Read more, Prompt Less

Christian Heilmann +2

3 weeks ago

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail

Tech Education in Two Languages

Daniel Cranney +1

Oct 2026

WeAreDevelopers LIVE - Playing in Production thumbnail

Playing in Production

Andrew MacLean +2

Sep 2026

Upcoming sessions on this topic

The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows

Wadad Parker

Ednius Inc.

SDE

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

Vidhya Krishnamoorthy

Morgan Stanley

VP, Software Engineering Manager

Built-In AI in the Browser: Practical Capabilities for Modern Web Apps

Piyush Gupta

Expedia

Senior Engineering Manager

100 APIs, 1000 Headaches: Overcoming Data Transformation Challenges in API Integration

Pradeep Sharma

RudderStack

Developer Relations Specialist

React Under Fire: Rendering Performance for Streaming Agent UIs

Abhirupa Mitra

Slack

Senior Member of Technical Staff

The Death of Manual Memoization: High-Performance React 19 for the Scaling Startup

Vishnudhasan Govindarajan

CareStack

Product Engineer

Related videos

Building a framework-independent component library thumbnail

Building a framework-independent component library

Tobias Scholz · INNOQ

World Congress · 2025

Extending HTML with Web Components thumbnail

Extending HTML with Web Components

World Congress · 2022

Leveraging Storybook for Component Driven Development outside of your classic Component Library. thumbnail

Leveraging Storybook for Component Driven Development outside of your classic Component Library.

Emma Britnor · Bloomberg

World Congress · 2024

Building a component library for modern challenges thumbnail

Building a component library for modern challenges

Filip Rakowski

World Congress · 2023

Accessibility with Web Components thumbnail

Accessibility with Web Components

Manuel Mauky

World Congress · 2023

Design Systems for the Machines - How to Make AI Understand Your UI thumbnail

Design Systems for the Machines - How to Make AI Understand Your UI

Jennifer Wjertzoch · DKB Code Factory

World Congress Europe · 2026

Related articles

CH

Chris Heilmann

Declarative Design and a fresh take on collaboration with developers

Getting designers and developers on the same page can be tough for digital product teams. Things get especially tricky when the focus is just on fixing little things here and there instead of looki...

over 1 year ago

Illustration showing how developers and designers can work on the same project together

CH

Chris Heilmann

Dev Digest 133 - Back to Front

News and ArticlesWeAreDevelopers LIVE WebDev Day is on Wednesday, 18/11/2024. Learn about Design-first APIs for UI components, the JavaScript event loop, the Secret sauce behind pattern matching an...

about 2 years ago

Dev Digest 133 - Back to Front

BR

Benjamin Ruschin

The HTML Elements That You’re Probably Over-Engineering

As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that...

about 1 year ago

HTML elements mocked up with their code

DC

Daniel Cranney

How to Avoid Over-Engineering

In today’s software development world, the demand for designing applications that are both robust and easy to maintain is more pressing than ever. Many developers encounter the architectural chaos ...

almost 2 years ago

A series of code blocks with 'X's on showing they are incorrect, with one CSS block shown as the correct answer.

From learning to earning

Jobs that call for the skills explored in this talk.

Staff Frontend Design Engineer - AI & Systems Leader

San Francisco, CA, United States

Expert Github ReactJS Adobe InDesign

Senior Web Software Architect, AI Experiences

TeamViewer Germany GmbH

Austin, TX, United States

Expert ReactJS TypeScript TeamViewer

Staff Engineer - Web Platform

Expert Remote Next.js ReactJS Amazon S3

Product Designer, Web3 Fintech & AI Prototyping

Barcelona, Spain

Figma Web3.js Artificial Intelligence

about 2 months ago • Verified

Senior Product Engineer

Blacksmith Software

New York, United States

Expert $200k–300k React

Staff Frontend Design Engineer - AI & Systems Leader

San Francisco, CA, United States

Expert Github Open Source Technology Artificial Intelligence