loader

ODIN DESIGN SYSTEM

ODIN es un Design System open-source creado para estandarizar, escalar y acelerar la creación de interfaces digitales consistentes. El proyecto nace como una solución práctica para equipos de diseño y desarrollo que necesitan reducir fricción, mantener coherencia visual y optimizar tiempos de trabajo en productos digitales en crecimiento. Mi rol abarcó desde la definición conceptual hasta el diseño de foundations, componentes y lineamientos de uso.

  • AÑO 2025 - Presente
  • CATEGORÍA UI Design
  • Librería en Figma Community Ver más
  • Ui Kit en Figma Community Ver más
  • BEHANCE Ver más

El problema

Todo surgió a partir de una necesidad real dentro de mi equipo de trabajo, donde gestionábamos varios proyectos en paralelo y los tiempos ajustados dificultaban iniciar cada diseño desde cero. Para agilizar el proceso, creé Template Design, un UI kit básico con plantillas y componentes esenciales. Con el tiempo, esta idea evolucionó hacia algo más robusto y escalable, dando origen a Odin DS, un Design System multipropósito, gratuito y open-source, pensado para acelerar la creación de productos digitales y apoyar el aprendizaje en procesos de diseño.

Lo que hice

- Analicé las necesidades de mi equipo y audité las interfaces existentes para identificar cómo podríamos acelerar el proceso de diseño basado en una librería en conjunto.

- Definí un conjunto de componentes reutilizables con variantes y estados claros.

- Organicé guías de estilo y especificaciones para tipografía, colores y espaciados.

- Realicé un testeo interno para probar la adopción del sistema de diseño y el impacto que generaba en el equipo y los proyectos.

La solución

Creé un Design System completo que sirve como base para futuros productos y proyectos, asegurando consistencia visual y mejores prácticas. Este sistema incluye componentes UI estructurados y documentados que pueden usarse tanto en aplicaciones como en sitios web.

El resultado

- Entrega de un sistema de diseño visual organizado y listo para escalar en futuros proyectos.

- Mejora en la consistencia de interfaces y facilidad de uso para equipos de diseño y desarrollo.

- Permitió ahorrar tiempo y esfuerzo en la creación de nuevas pantallas y productos.