Las propiedades de componentes en Figma permiten la creación de elementos personalizables dentro de los componentes, facilitando la reutilización y adaptación de diseños en diferentes proyectos. Existen tres tipos principales de propiedades de componentes:

1. Propiedad de intercambio de instancia

Esta propiedad permite intercambiar componentes anidados, como iconos, dentro del componente principal. Se pueden agregar iconos o valores preseleccionados para una personalización sencilla.

Para crear esta propiedad:

• Seleccionar las instancias que se desean intercambiar.
• Utilizar la opción Crear propiedad de intercambio de instancia en el panel de diseño.

2. Propiedad booleana

La propiedad booleana permite activar o desactivar elementos, como mostrar u ocultar iconos o texto.
Por ejemplo, una propiedad llamada "¿Tiene icono izquierdo?" puede controlar la visibilidad de un icono en el lado izquierdo de un botón. Esta propiedad se agrega en la sección Apariencia.

3. Propiedad de texto

La propiedad de texto permite cambiar el texto dentro de un componente directamente desde el panel de diseño.

Para crear esta propiedad:

• Seleccionar el elemento de texto.
• Utilizar el icono Aplicar propiedad o variante en la esquina superior derecha del panel de diseño para crear la propiedad.

Estas propiedades pueden reorganizarse en el panel de diseño para una mejor organización. Los cambios realizados en las propiedades, como activar o desactivar una propiedad booleana, ajustan automáticamente otras propiedades relacionadas para un funcionamiento fluido. Probar todas las propiedades creando una instancia del componente garantiza la adaptabilidad para proyectos futuros.

Las propiedades de componentes mejoran significativamente la eficiencia en la construcción y gestión de componentes reutilizables, como bibliotecas de botones, ahorrando tiempo y asegurando la coherencia del diseño.