La "Estructura de Archivos del Sistema de Diseño" – Plantilla te ayuda a definir una estructura escalable y amigable para tu equipo en los archivos de Figma, para que todos en tu organización puedan trabajar de manera consistente y eficiente con el Sistema de Diseño.
La estructura del archivo está diseñada para dar soporte tanto al Equipo de Diseño del Sistema como a los Equipos de Producto multifuncionales. Aclara qué archivos son mantenidos centralmente por el equipo de Diseño del Sistema y cuáles son propiedad y pueden ser editados por los Equipos de Producto o de Plataforma. Esta clara separación de la propiedad fomenta la autonomía mientras asegura la consistencia visual y estructural a lo largo de todos los productos y plataformas.
La plantilla no solo define dónde deben residir los archivos, sino que también detalla qué pertenece exactamente en cada uno. Incluye un desglose detallado de los Fundamentos (por ejemplo, tokens, cuadrículas, espaciado, color, tipografía), la estructura de los archivos de Tokens (incluyendo Variables y Temas) y qué componentes pertenecen a las Bibliotecas Centrales versus las Bibliotecas de Plataforma o Producto. Esta claridad ayuda a reducir la duplicación, mejora el onboarding y habilita una colaboración fluida entre los equipos.
Al seguir esta plantilla, los equipos se benefician de responsabilidades claramente definidas, una navegación de archivos predecible y un proceso de traspaso sencillo. La estructura asegura que tu sistema de diseño pueda escalar sin volverse fragmentado o redundante.
Cómo usar la plantilla de estructura de archivos del sistema de diseño
La plantilla está dividida en categorías clave de archivos que reflejan diferentes contextos de propiedad y uso:
Bibliotecas Fundamentales: mantenidas por el equipo del Sistema de Diseño. Incluyen elementos de diseño base como tokens, sistemas de espaciado, cuadrículas, paletas de colores, iconos y estilos de tipografía.
Biblioteca de Componentes Principales: mantenida por el equipo del Sistema de Diseño. Incluye componentes y patrones principales con variantes y documentación.
Bibliotecas de plataformas – Mantenidas por el equipo de diseño del sistema. Incluyen componentes y patrones específicos de la plataforma, por ejemplo, para Web, aplicación móvil o interfaces táctiles más grandes.
Kits de IU a nivel de producto – Propiedad de los equipos de producto y plataforma. Presentan composiciones específicas del producto, diseños de página y adaptaciones construidas utilizando los elementos fundamentales y los componentes principales.
Zonas de prueba (por segmento) – Entornos flexibles para evaluaciones, procesos creativos, prototipos y exploraciones. Mantenidas por los equipos de diseño del sistema, y con contribuciones de los equipos de producto y plataforma.
Archivo (por segmento) – Áreas estructuradas para archivos obsoletos o desactualizados. Ayudan a mantener la higiene de los archivos mientras preservan referencias históricas.
Archivos de Guía y Onboarding – Mantenidos por el equipo de Sistema de Diseño. Proveen documentación, mejores prácticas, principios de uso y soporte de onboarding para todos los stakeholders.
Cada sección incluye convenciones de nombrado y mejores prácticas para asegurar claridad, reutilización y consistencia. Solo sigue la guía y adapta la estructura según sea necesario para adecuarse a los requisitos de tu equipo, el portafolio de productos y el panorama de la plataforma.
Kathrin Koehler
Experience Design Director
I am a digital designer offering user-centered experiences and digital branding. My specialization lies in building accessible and scalable design systems.
