Visión general de los Sistemas de Diseño
Anatomía de un Sistema de Diseño
Fundamentos de diseño para Figma: lo que necesitas saber antes de comenzar
¿Cómo crear un sistema de diseño? Proceso, principios y flujo de trabajo
Neo Brutalismo: tendencias de diseño y proyecto del curso
Taller Creativo: Nombramiento de nuestro Sistema de Diseño
Conceptos y recursos importantes en Sistemas de diseño
Guía de Estilos con Figma
Design Tokens: cómo y cuándo usarlos
Cómo calcular escalas tipográficas matemáticamente
Guía de Tipografías en Figma: tamaños, escalas y tokens
Cómo escoger colores: psicología, pautas y accesibilidad
Guía de Colores en Figma
Espaciado y elevación
Guía de espaciado y elevación en Figma
Guía de iconos e ilustraciones en Figma
Cómo Documentar Sistemas de Diseño
Librería de componentes
Atomic Design
Arquitectura y auditoría de componentes
Átomo: botón y variantes
Molécula: card responsiva y variantes
Molécula: header responsivo y variantes
Organismo: hero y variantes
Publicando la librería de componentes
Reto: template y páginas
Implementación y medición
Cómo vender y medir un Sistema de Diseño
Mi experiencia creando Sistemas de Diseño (desde cero) en Startups
Toma el Curso de Sistemas de Diseño con Storybook
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Arquitectura y auditoría de componentes
17/26Aportes 6
Preguntas 1
Definir las variantes de un compoentente por ejemplo en un boton, definir “Size”, style (Filled), state (Active).
Estado de los compoennte con el fin de:
- Orden de prioridades
- categoria atomica
- su fase en diseno
- su fase en desarrollo
- su fase de documentacion.
Esta auditoria seria genial, hacerlo en un notion, excel, etc.
En la arquitectura podriamos definir, los tamanos, estilos, estados, si va en mobile o desktop, si lleva CTA o no, etc.
.
.
Martin Coronel - Product Designer
Linkedin
Sosteniendo control presionado y clickeando sobre el elemento es una manera rapida de selecionarlo dentro del autolayout, en este caso para eliminarlo.
# ****Arquitectura y Auditoría de componentes**** **Características →Variantes** Por ejemplo, para un botón tenemos: **Tamaño, Estilo y Estado.** **Auditoria de Componentes** Estado de los componentes con el fin de: - **Orden de Prioridades:** Que vamos a crear primero. - **Su categoría atómica:** Si son átomos, moléculas u organismos - **Su fase en diseño:** Como nosotros podemos estar y en que proceso. - **Su fase en desarrollo:** Si queremos incluir a la parte de desarrollo para que lo tome y lo trabaje.
Me encanta como hace ver todo tan sencillo!!! Que gran curso 😃
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?