Material Design: por qué las grandes empresas lo adoptan

Material Design es un sistema de diseño abierto que Google publicó en 2014 (en inglés). Le entrega a un equipo un conjunto compartido de guías, componentes y código para construir interfaces. Las empresas grandes lo adoptan porque un sistema público les ahorra un trabajo que tendrían que rehacer por su cuenta.

Qué es Material Design y qué problema resuelve

Un sistema de diseño es un acuerdo escrito sobre cómo se comporta una interfaz. Material Design cubre color, tipografía, forma, movimiento y un conjunto de componentes como botón, tarjeta y barra de navegación. El propio sitio, Material Design 3 (en inglés), se describe como “el sistema de diseño de código abierto de Google”.

Resuelve dos problemas: el trabajo repetido y que cada equipo vaya por su lado. Sin una referencia común, cada equipo escribe su propio botón, su propia escala de espaciado y su propia regla para el estado deshabilitado. Al final, la persona tiene que volver a aprender la misma interfaz en cada producto que abre.

Por qué lo creó Google

Google anunció Material Design el 25 de junio de 2014, en el Google I/O, con Matías Duarte, entonces vicepresidente de diseño, en el escenario. Antes de Material, Google tenía una renovación visual solo para web llamado Kennedy. El objetivo, en la historia de las eras de Material contada por el propio Google (en inglés), era que Gmail, Chrome, Android y el resto parecieran una sola familia. El mismo relato registra al equipo arrancando con seis diseñadores y unos 200 productos, cifras que son el conteo del propio Google, no una medición externa.

La metáfora era el papel. Los diseñadores cortaron íconos en papel real para estudiar la sombra e imprimieron pantallas en hojas grandes para revisarlas. Las reglas de movimiento salieron de observar papel deslizándose hasta detenerse. El proyecto tuvo incluso un nombre de trabajo, Quantum Paper.

Google cuenta esta parte como la historia de abrir su trabajo a todo el mundo. En el mismo relato de Google (en inglés), un diseñador del equipo original recuerda que en un año más de un millón de productos de la tienda Android usaban partes del sistema.

Qué cambió de Material 1 a 2 y 3

Material 1 duró de 2014 a 2017, apoyado en la física del papel, en grillas rígidas y en superficies mínimas. Su lema interno era que el movimiento carga significado.

Material 2 duró de 2018 a 2020 y llenó los huecos. La propia historia de las eras (en inglés) registra más de 20 componentes dibujados y apenas uno o dos implementados en código, en el conteo de Google. Material 2 entregó componentes codificados, probó accesibilidad en foco de teclado y contraste de color, y abrió la personalización de temas (en inglés). La analogía del equipo era una caja de Lego: una base, y la marca de cada uno encima.

Material 3, también llamado Material You (en inglés), llegó en 2021 con Android 12 y fue hacia la expresión: tipo variable, formas eclécticas, color fuerte y movimiento vivo. El propio Google afirma (en inglés) que llegó a miles de millones de teléfonos y tablets Android, una afirmación de la empresa sobre sí misma. Material 3 Expressive vino en mayo de 2025, y la documentación de Android lo vincula al estilo visual de Android 16.

Los principios que sobreviven a toda versión

Color, tipografía y forma siguen siendo las tres perillas. La documentación de Material 3 en Android dice que un tema tiene exactamente esos subsistemas, y que tocar cualquiera de ellos se propaga a todos los componentes.
El movimiento explica el estado. Material 1 sacó las reglas de movimiento de la física del papel. La investigación de Google sobre Material 3 Expressive (en inglés) pone el movimiento entre las partes fundamentales del diseño expresivo, junto con color, forma, tamaño y contención.
Una base de código, varias marcas. Material 2 abrió la personalización de temas para que equipos externos mantuvieran la misma base y aplicaran su propia identidad.

La idea misma de consistencia cambió. Una serie de videos de Google Design sobre Material You pregunta si consistencia tiene que significar uniformidad.

Por qué una empresa grande adopta un sistema público

El piso ya está construido. Quien adopta parte de componentes probados en muchos productos, idiomas y tamaños de pantalla.
El mantenimiento se reparte. Otro equipo sigue los cambios de plataforma, las guías de accesibilidad y los formatos nuevos. Quien adopta paga la capa de ajuste, no la base.
El vocabulario es público. Diseñadores, desarrolladores y gente nueva apuntan a los mismos nombres documentados.
El camino de código es oficial. Jetpack Compose implementa Material 3 en Android, y Flutter volvió Material 3 el lenguaje de diseño por defecto de sus widgets en la versión 3.16.

Qué se gana y qué se pierde

Ganas velocidad hasta la primera entrega, accesibilidad heredada y una interfaz que el usuario ya reconoce.

Pierdes singularidad cuando la capa de personalización queda fina. Los propios investigadores de Google (en inglés) empezaron el trabajo de Material 3 Expressive en 2022 preguntando por qué las apps de Google se veían “tan parecidas” y “tan aburridas”. Un sistema público vuelve ese resultado lo predeterminado.

También pierdes el control de la hoja de ruta. El paso de Material 2 a Material 3 cambió el modelo de temas, y los equipos con personalización profunda tuvieron que migrar.

Cuándo adoptar es la decisión equivocada

Cuando la interfaz es el producto. Si la interacción es el diferencial, una biblioteca de componentes compartida aplana justo la parte que vende.
Cuando la convención de la plataforma es el requisito. El usuario de iOS y el de Android esperan cosas distintas, y un sistema hecho para uno puede pelear con el otro.
Cuando nadie puede cuidar la capa de ajuste. El tema es un segundo sistema encima del primero, y un tema sin dueño se pudre.
Cuando el encaje está mal desde el inicio. Una herramienta densa de escritorio y una app de consumo en el celular tienen necesidades distintas.

La decisión cabe en una regla corta. Adopta cuando la ganancia sea velocidad en trabajo que no es tu diferencial. Construye cuando la interfaz misma sea lo que el cliente paga por tener.

Una versión menor de la misma decisión, medida en devoluciones, está en el post del voltaje.

Dónde la investigación diverge del post

Tres artículos de Nielsen Norman Group contradicen afirmaciones hechas arriba.

NN/g define sistema de diseño como un conjunto de estándares para gestionar diseño a escala (Design Systems 101 (en inglés)). Esa definición describe el sistema que la empresa construye y mantiene. Este post trata el sistema que la empresa adopta ya hecho, donde el costo migra a la capa de ajuste.

El segundo artículo dice que defender consistencia y estándares no significa que todo deba verse y comportarse igual (Consistency and Standards (en inglés)). La afirmación de arriba, que un sistema público vuelve el resultado igual y aburrido por defecto, es justo lo que NN/g niega.

El tercer artículo muestra que un producto atractivo se percibe como más usable, antes de medir cualquier tarea (The Aesthetic-Usability Effect (en inglés)). Este post trata la identidad visual como costo de singularidad, y NN/g le da a la capa visual un efecto que aparece antes de cualquier medición.

La guía da para más de un texto. Sus ejes están desglosados en textos propios: tokens y tema, color y papel de color y tipografía. Cada uno profundiza una parte sin repetir este post.