--- url: 'https://metadrop.net/es/eventos/drupalcamp-2026-tokens-de-diseno-el-lenguaje-comun-entre-diseno-y-desarrollo' title: 'Tokens de diseño: el lenguaje común entre diseño y desarrollo' author: name: 'Fran Rouco' url: 'https://metadrop.net/es/sobre/fran-rouco' date: '2026-10-16T09:51:13+00:00' updated: '2026-10-16T10:09:12+00:00' type: website summary: 'Diseñadores y desarrolladores hablan de lo mismo con palabras distintas: lo que en diseño es «el azul corporativo», en Figma es un código hexadecimal y en el tema de Drupal una variable con otro nombre. En cada paso se pierde información, y con el tiempo nadie sabe qué valores fueron decisiones y cuáles casualidades.' 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': 'Tokens de diseño: el lenguaje común entre diseño y desarrollo' locale: es_ES 'locale:alternate': en_US schema: '@context': 'https://schema.org' '@graph': - '@type': Event url: 'https://metadrop.net/es/eventos/drupalcamp-2026-tokens-de-diseno-el-lenguaje-comun-entre-diseno-y-desarrollo' name: 'Tokens de diseño: el lenguaje común entre diseño y desarrollo' description: 'Diseñadores y desarrolladores hablan de lo mismo con palabras distintas: lo que en diseño es «el azul corporativo», en Figma es un código hexadecimal y en el tema de Drupal una variable con otro nombre. En cada paso se pierde información, y con el tiempo nadie sabe qué valores fueron decisiones y cuáles casualidades.' 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/es/eventos/drupalcamp-2026-tokens-de-diseno-el-lenguaje-comun-entre-diseno-y-desarrollo#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/es/eventos/drupalcamp-2026-tokens-de-diseno-el-lenguaje-comun-entre-diseno-y-desarrollo' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Inicio item: 'https://metadrop.net/es' - '@type': ListItem position: 2 name: Eventos item: 'https://metadrop.net/es/eventos' publisher: '@type': Organization '@id': 'https://metadrop.net/#organization' --- 1. [Eventos](https://metadrop.net/es/eventos) # Tokens de diseño: el lenguaje común entre diseño y desarrollo DrupalCamp Madrid, España Drupal Spanish Association (AED) Viernes 20 de Noviembre de 2026 Viernes 20 de Noviembre de 2026 [Sesión en el sitio web del Drupal Spain Camp 2026](https://2026.drupalcamp.es/es/sesiones/design-tokens-el-idioma-comun-entre-diseno-y-desarrollo) Diseñadores y desarrolladores hablan de lo mismo con palabras distintas: lo que en diseño es «el azul corporativo», en Figma es un código hexadecimal y en el tema de Drupal una variable con otro nombre. En cada paso se pierde información, y con el tiempo nadie sabe qué valores fueron decisiones y cuáles casualidades. Los **design tokens** resuelven ese problema convirtiendo las decisiones de diseño en un **vocabulario compartido:** cada color, tipografía o espaciado tiene un nombre, un valor y una intención, y ese idioma común lo acuerdan diseño y frontend antes del hand-off, no después. Independientemente de quién haga el diseño, el propio equipo, una agencia externa o el cliente, el token se convierte en el **contrato entre todos,** y la guía de estilos en PDF deja paso a un fichero versionado que es la única fuente de verdad. En esta charla recorreremos el proceso completo, desde las variables de Figma o Penpot hasta los componentes de Drupal, pasando por el estándar W3C DTCG, estable desde octubre de 2025. Veremos por qué ese vocabulario cerrado es aún más necesario ahora que los agentes de IA generan código, y cómo se aplica en dos escenarios habituales: los multisites, donde cada sitio solo define lo que cambia, y los productos, donde diseño establece qué se puede personalizar y el cliente ajusta los valores sin tocar código. Terminaremos con lo que Drupal ofrece hoy, de los módulos contrib a la nueva Design Tokens API de core, y con criterios para saber cuándo compensa usar tokens. Una charla para frontends, themers, diseñadores y responsables de producto. No hace falta experiencia previa con design tokens. Speakers Fran Rouco Drupal developer