Propiedades del Componente

Las propiedades de los 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. Hay tres tipos principales de propiedades de componentes:

1. Propiedad de Intercambio de Instancia

Esta propiedad te permite intercambiar componentes anidados, como íconos, dentro del componente principal. Se pueden agregar íconos o valores preseleccionados para una fácil personalización.

Para crear esta propiedad:

• Selecciona las instancias que deseas intercambiar.
• Usa la opción Crear Propiedad de Intercambio de Instancia desde el panel de Diseño.

2. Propiedad Booleana

La propiedad booleana permite activar o desactivar elementos, como mostrar u ocultar íconos o texto.
Por ejemplo, una propiedad llamada "¿Tiene ícono izquierdo?" puede controlar la visibilidad de un ícono 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 te permite cambiar el texto dentro de un componente directamente desde el panel de Diseño.

Para crear esta propiedad:

• Selecciona el elemento de texto.
• Usa el ícono Aplicar Propiedad o Variante en la esquina superior derecha del panel de Diseño para crear la propiedad.

Estas propiedades se pueden reordenar 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 sin problemas. Probar todas las propiedades creando una instancia del componente asegura la adaptabilidad para futuros proyectos.

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