Anatomía de un Sistema de Diseño

Donde se concentra toda la información real que aborda la construcción de todo el producto, además, es un lenguaje que permite la comunicación entre equipos a nivel visual.

Un sistema de diseño es un lenguaje (permite comunicarnos en torno a un lenguaje visual) y una fuente de verdad (lugar donde hay información en la que podemos confiar).

Un sistema de diseño es un conjunto de muchas cosas.

Sus partes fundamentales son:

Guías de estilo: todo lo visual (diseño), botones, inputs, colores, espaciados, textos, etc.
Librería de patrones: todo lo que se repite, interacciones, flujos, acciones, etc.
Librería de componentes.

Beneficios

Ahorrar tiempo: al tener los componentes creados, simplemente debemos replicarlos; lo cual nos ahorra mucho tiempo.
Consistencia: permite que todo el producto se vea y se sienta muy similar o igual.
Organización: tener reglas de diseño iguales, márgenes, paddings, tamaños, espaciados, etc.
Flexibilidad: permite a las personas que se sumen al equipo tener un mejor onboarding, entendiendo claramente las reglas de diseño de forma más rápida.
Colaboración: permite colaborar con diferentes partes del equipo para armar un producto con reglas claras.
Estandarización: permite tener un producto estandarizado con componentes reutilizables que podemos usar en todas las interfaces.