---
url: 'https://metadrop.net/en/events/drupalcamp-2026-design-tokens-the-common-language-between-design-and-development'
title: 'Design tokens: the common language between design and development'
author:
  name: 'Fran Rouco'
  url: 'https://metadrop.net/es/sobre/fran-rouco'
date: '2026-10-16T09:51:13+00:00'
updated: '2026-10-16T11:03:16+00:00'
type: website
summary: 'Designers and developers often talk about the same things using different words: what design calls "corporate blue" becomes a hex code in Figma and a uniquely named variable in the Drupal theme. Information gets lost at every step, and over time, no one remembers which values were deliberate choices and which were accidents.'
tags:
  - 'Drupal Spanish Association (AED)'
  - DrupalCamp
image: 'https://metadrop.net/sites/default/files/styles/full/public/2026-10/drupalcampspain-2026.png.webp?itok=lRy99bHc'
published: true
og:
  site_name: Metadrop
  'image:type': image/webp
  'image:width': '1016'
  'image:height': '740'
  'image:alt': 'Design tokens: the common language between design and development'
  locale: en_US
  'locale:alternate': es_ES
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      '@type': Event
      url: 'https://metadrop.net/en/events/drupalcamp-2026-design-tokens-the-common-language-between-design-and-development'
      name: 'Design tokens: the common language between design and development'
      description: 'Designers and developers often talk about the same things using different words: what design calls "corporate blue" becomes a hex code in Figma and a uniquely named variable in the Drupal theme. Information gets lost at every step, and over time, no one remembers which values were deliberate choices and which were accidents.'
      eventAttendanceMode: 'https://schema.org/OfflineEventAttendanceMode'
      image:
        '@type': ImageObject
        url: 'https://metadrop.net/sites/default/files/styles/full/public/2026-10/drupalcampspain-2026.png.webp?itok=lRy99bHc'
      eventStatus: 'https://schema.org/EventScheduled'
      startDate: '2026-11-20T15:00:00+01:00'
      '@id': 'https://metadrop.net/en/events/drupalcamp-2026-design-tokens-the-common-language-between-design-and-development#event'
      endDate: '2026-11-20T16:00:00+01:00'
      location:
        '@type': Place
        address:
          '@type': PostalAddress
          addressCountry: ES
          addressRegion: Madrid
      performer:
        '@type': Person
        name: 'Fran Rouco'
      organizer:
        '@type': Organization
        name: 'Drupal Spanish Association (AED)'
    -
      '@type': Organization
      '@id': 'https://metadrop.net/#organization'
      url: 'https://metadrop.net/'
      name: Metadrop
      sameAs:
        - 'https://www.drupal.org/metadrop'
        - 'https://x.com/metadrop'
        - 'https://asociaciondrupal.es/partner/metadrop'
        - 'https://www.linkedin.com/company/metadrop'
      telephone: '+34910053180'
      contactPoint:
        '@type': ContactPoint
        telephone: '+34910053180'
        email: hola@metadrop.net
        availableLanguage:
          - Spanish
          - English
        contactType: 'customer service'
      logo:
        '@type': ImageObject
        url: 'https://metadrop.net/modules/custom/metadrop_schema/images/logo-metadrop-500-500.jpg'
        width: '500'
        height: '500'
      address:
        '@type': PostalAddress
        streetAddress: 'Calle Virgen de Nuria 23'
        addressLocality: Madrid
        addressRegion: Madrid
        postalCode: '28027'
        addressCountry: ES
    -
      '@type': ItemPage
      '@id': 'https://metadrop.net/en/events/drupalcamp-2026-design-tokens-the-common-language-between-design-and-development'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://metadrop.net/en'
          -
            '@type': ListItem
            position: 2
            name: Events
            item: 'https://metadrop.net/en/events'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
---
 1. [Events](https://metadrop.net/en/events)
 
 # Design tokens: the common language between design and development

DrupalCamp

 Madrid, Spain 

 

Drupal Spanish Association (AED)

Friday, November 20, 2026

Friday, November 20, 2026

 

 [Session at the Drupal Spain Camp 2026 website ](https://2026.drupalcamp.es/en/sesiones/design-tokens-el-idioma-comun-entre-diseno-y-desarrollo) 

 

 

 

Designers and developers often talk about the same things using different words: what design calls "corporate blue" becomes a hex code in Figma and a uniquely named variable in the Drupal theme. Information gets lost at every step, and over time, no one remembers which values were deliberate choices and which were accidents.

**Design tokens** solve this problem by turning design decisions into a **shared vocabulary:** every color, typography style, or spacing value carries a name, a value, and an intent. This common language is agreed upon by design and frontend teams before hand-off, not after.

Regardless of who creates the design—whether it’s the internal team, an external agency, or the client—the token acts as the **contract between all parties,** replacing static PDF style guides with a version-controlled file as the single source of truth.

In this session, we will walk through the entire process, from variables in Figma or Penpot to Drupal components, following the W3C DTCG standard (stable since October 2025). We will explore why this structured vocabulary is even more crucial now that AI agents generate code, and how it applies to two common scenarios: multisite platforms, where each site defines only what changes, and products, where design defines customizable parameters while clients adjust values without touching code.

We will wrap up with what Drupal offers today—from contrib modules to the new Core Design Tokens API—along with clear criteria to determine when tokens are worth implementing.

A session for frontends, themers, designers, and product owners. No prior experience with design tokens is required.



Speakers

 

 



Fran Rouco

Drupal developer