Crear nuevos componentes

Nuestro kit de Figma incluye 40 componentes genéricos, cada uno con múltiples variantes, permitiéndote diseñar interfaces en minutos. Sin embargo, como siempre enfatizamos, cada proyecto tiene sus necesidades únicas, por lo que los componentes personalizados son clave.

Para crear nuevos componentes, te recomendamos los siguientes pasos:

1. Sigue nuestra metodología de Atomic Design para la denominación y clasificación de componentes:
(Quarks - Atomos - Moleculas - Organismos - Templates)

   
2. Nombra los tokens de los componentes en las variables según la convención mencionada en la definición de la metodología. Recuerda que para seguir viendo cada component token como una carpeta, debes de separar cada grupo con un (/) por ejemplo: button/background-color/primary/default.

   
3. Explora todos nuestros Átomos, Moléculas y Organismos.
Estos componentes están diseñados para que puedas seguir creando nuevos elementos de manera fluida, casi como si estuvieras armando piezas de Lego.