Editor de Wix Harmony: trabajar con arte vectorial, formas e iconos
5 min
En este artículo
- Agregar arte vectorial, formas e iconos
- Diseñar elementos de arte vectorial, formas e iconos
- Personalizar los ajustes de las formas básicas y del arte vectorial
Este artículo hace referencia al nuevo Editor de Wix Harmony, lanzado en enero de 2026. Si no tienes la certeza de si estás usando el Editor de Wix Harmony o el Editor de Wix, obtén más información aquí.
Agrega hermosos artes vectoriales, formas e iconos para expresar tu estilo. Estos gráficos son ilustraciones digitales (SVG) que mantienen su nitidez en cualquier tamaño, para que tu diseño siempre se vea increíble. Elige entre los cientos de opciones gratuitas disponibles en Wix o sube las tuyas propias.
Nota:
En la sección Gráficos del panel Agregar, puedes encontrar elementos de arte vectorial, formas, iconos y pegatinas. Las pegatinas son archivos de imagen que puedes agregar a tu sitio, mientras que el resto son archivos SVG, por lo que puedes editarlos de forma diferente.
Agregar arte vectorial, formas e iconos
Puedes usar arte vectorial, formas e iconos para decorar tu sitio o como una llamada a la acción atractiva. Puedes elegir entre los cientos de opciones gratuitas disponibles en Wix o subir tus propios archivos.
Para agregar arte vectorial, formas e iconos:
- Ve a tu editor.
- Haz clic en + Agregar en la parte superior izquierda del editor.
- Selecciona la categoría Gráficos.
Consejo: Haz clic en el icono de Flecha
junto a las categorías para navegar por la lista. - Elige una de las siguientes opciones:
Elige entre las opciones gratis disponibles en Wix
Sube tu propio arte vectorial (SVG)
.
Diseñar elementos de arte vectorial, formas e iconos
Personaliza el arte vectorial, las formas y los iconos en tu sitio, incluyendo los colores, la opacidad y la sombra, para que complementen tu diseño.
Nota:
Las opciones de personalización disponibles dependen de si el arte vectorial tiene un solo color, varios colores o una paleta en escala de grises.
Para personalizar el diseño:
- Ve a tu editor.
- Haz clic en el elemento correspondiente y elige qué quieres personalizar:
Personaliza los colores
Ajusta el diseño
en la barra de acciones.
: define los bordes del elemento para que destaque, eligiendo un color, ancho y estilo. Haz clic en el icono Editar todos los bordes 
para diseñarlos todos a la vez.
: aplica una sombra interior y exterior para darle al elemento un efecto 3D interesante, configura la posición, el desenfoque, el color y más.
: gira el elemento horizontal o verticalmente.Agrega una animación
en la barra de acciones.
Personalizar los ajustes de las formas básicas y del arte vectorial
Ajusta cómo aparecen y funcionan estos elementos en tu sitio. Puedes actualizar su tamaño y estilo, agregar un enlace para convertir el elemento en un botón o llamada a la acción, y configurar los ajustes de accesibilidad para asegurarte de que todo el mundo pueda disfrutar del contenido de tu sitio.
Para configurar los ajustes:
- Ve a tu editor.
- Selecciona el elemento correspondiente.
- Haz clic en el icono Ajustes
en la barra de acciones. - Elige qué hacer a continuación:
- Modo de cambio de tamaño: elige cómo se ajusta el elemento en la página: Ajustar o Estirar.
- Enlaza a: agrega un enlace al elemento.
- Accesibilidad: escribe una descripción corta de lo que se muestra este arte vectorial o forma básica para ayudar a los motores de búsqueda y a las herramientas de accesibilidad a comprender de qué se trata.
