Editor de Wix Harmony: diseñar elementos
5 min
En este artículo
- Seleccionar colores
- Diseñar partes de los elementos
- Glosario de diseño
Este artículo hace referencia al nuevo Editor de Wix Harmony, lanzado en enero de 2026. Si no tienes la seguridad de si estás usando el Editor de Wix Harmony o el Editor de Wix, consulta más información aquí.
El panel de diseño te permite dar vida a tu visión creativa, detalle a detalle. Ya sea que quieras actualizar los colores, personalizar partes de un elemento o configurar estilos únicos para diferentes estados, tienes la flexibilidad de moldear cada parte del diseño de tu sitio.
Como cada elemento tiene sus propias opciones de estilo, verás diferentes ajustes dependiendo de lo que estés editando.
¿Por dónde empiezo?
Haz clic en un elemento y, a continuación, haz clic en el icono Todas las opciones de diseño 
en la barra de acciones.
en la barra de acciones.Seleccionar colores
Cada vez que haces clic en un círculo de color para elegir un tono, accedes al selector de color. Aquí es donde puedes ver los colores de la marca de tu sitio, además de cualquier color personalizado que estés usando. Hay 3 formas de elegir un nuevo color:
- Mueve los puntos en el esquema de colores para encontrar tu color
- Escribe el código del color (por ejemplo, #000000 para el negro)
- Haz clic en el icono Cuentagotas
para obtener un color de un elemento de la página
Diseñar partes de los elementos
Algunos elementos del editor ofrecen opciones de diseño detalladas, lo que te permite aplicar un estilo a cada parte por separado. Por ejemplo, al trabajar con botones, puedes elegir personalizar el botón en sí, su icono o el texto; de esta manera, puedes ajustar cada detalle y hacer que se adapte a tu estilo único. Usa el menú desplegable para seleccionar qué parte quieres personalizar.
Glosario de diseño
Consulta la siguiente tabla para conocer cada ajuste de diseño: qué significa y cómo mejora tu diseño.
Ajuste | ¿Para qué sirve? |
|---|---|
Colores de fondo y relleno  | Agrega un color de relleno para complementar el contenido de tu elemento. Haz clic en el círculo para seleccionar el Color y elige uno de tus colores de marca o uno personalizado. Contenedores y secciones: haz clic en Cambiar fondo en la barra de acciones para cambiar el color del fondo. |
Bordes  | Define los bordes de tu elemento para que destaque. Puedes elegir el color, el ancho y el estilo de todo el borde, o hacer clic en el icono Editar bordes individuales  para diseñar cada lado por separado. |
Esquinas  | Haz que las esquinas de tu elemento sean más cuadradas o redondeadas arrastrando el control deslizante debajo de Radio. Haz clic en el icono Editar esquinas individuales para diseñar cada esquina por separado. |
Sombreado  | Aplica una sombra para darle al elemento un efecto 3D interesante. Puedes agregar una sombra dentro del elemento (Interior) y hacer que el elemento proyecte una sombra también (Exterior). Decide la ubicación de la sombra, el desenfoque, el tamaño, el color y la opacidad. |
Espaciado  | Agrega algo de espacio a tu contenido ajustando el relleno alrededor del elemento o de su área seleccionada. Dependiendo de lo que estés editando, es posible que veas opciones para ajustar los lados individuales, agregar espacio vertical y horizontal, y más. |
Estilo  | Ordena el elemento exactamente como quieras personalizando sus ajustes de estilo. Dependiendo de lo que estés editando, es posible que veas opciones para voltear, alinear, configurar la dirección o ajustar el tamaño y la ubicación. |
Controla el diseño de cualquier texto personalizando su fuente, grosor, tamaño, color y formato. Dependiendo de lo que estés editando, es posible que puedas hacer clic en Más opciones de texto. Esto revela ajustes adicionales como el interlineado, el uso de mayúsculas y más. |
Crear con Wix Harmony:
Descubre la nueva generación de creación de sitios web con Wix Harmony. Siente la libertad de alternar entre el poder de tu agente de IA y el diseño manual de alta precisión; una experiencia creativa tan fluida y natural como tu propia imaginación.