Hola! Dejo la página que hice con mi design system!
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,
Reto: template y páginas
23/26Recursos
Aportes 14
Preguntas 0
Ordenar por:
Así vamos. Aun falta
Personalmente me he dado cuenta que organizar los componentes primero es lo mejor que uno puede hacer. Uno creería que por “cuestiones de tiempo” es mejor agilizar e ir creando elementos por todas las pantallas, pero si realmente quieres ahorrar tiempo, comíenza por convertir cada elemento que crees en componente y organizalo…tu yo del futuro de lo agradecerá
Mi pagina web,Aqui esta mi figma: <https://www.figma.com/proto/kTaFbsdmB4g0XuOM7vZYVN/Untitled?type=design&node-id=1-2&t=5ihdF21RtUhbVkHK-0&scaling=scale-down&page-id=0%3A1>
Implementando lo aprendido en un proyecto personal.
Gracias
[](
EXERCISE
Así quedó mi reto:
Hola, estos son mis avances aplicando mi design system...!!!
Espero sus comentarios.
![]() 10.12.41 a. m.>)![]() 10.12.50 a. m.>)
Los sistemas de diseño son un elemento importante al momento de diseñar, nos ahorra mucho tiempo. Los componentes agilizan el trabajo.
Bueno, la ventaja de tener tu propio sistema de diseño, es la facilidad de aplicar para crear y reutilizar, en la empresa donde trabajo actualmente hay muchos proyectos distintos y a mi me gusta basarme en un diseño base con mi sistema de diseño personal para afrontar los retos, despues con el estudio en distintos campos se mejora tanto la funcionalidad como la estética necesaria que busca el cliente.
Pero mejor tener trabajo prefabricado, que estar creando todo desde cero.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?