Sin instalación · Funciona en el navegador

Edición SVG
precisa y directa
sin herramientas externas

Un editor vectorial completo que funciona en cualquier navegador moderno. Capas, historial, operaciones booleanas y simplificación de paths — sin instalar nada.

80
Pasos de historial
0
Plugins requeridos
SVG
Formato nativo
Capas y elementos
Interfaz del editor SVG

Todo lo necesario.
Nada superfluo.

Herramientas de edición vectorial pensadas para trabajar con precisión sobre el formato SVG real, no sobre una abstracción de él.

🗂
Capas independientes
Organiza tu ilustración en capas apilables. Controla la visibilidad y el bloqueo de cada una, reordénalas y renómbralas sin perder la estructura del documento.
Historial de 80 pasos
Deshaz y rehaz cualquier operación con total confianza. Cada acción queda registrada: cambios de atributo, reordenaciones, operaciones booleanas y simplificaciones.
Operaciones booleanas
Combina paths mediante unión, intersección y diferencia. Crea formas complejas a partir de geometrías simples con resultados limpios y editables.
Simplificación de paths
Reduce el número de puntos de un path manteniendo su forma visual. Imprescindible para limpiar trazados exportados desde Illustrator o Inkscape con curvas excesivamente densas.
Alineación y distribución
Alinea bordes e iguala separaciones entre elementos en horizontal y vertical, respecto al bounding box de la selección completa.
Panel de propiedades
Edita ID, clase, relleno, trazo, opacidad, transformaciones y atributos personalizados. Con selección múltiple, los cambios se aplican a todos los elementos a la vez.
🌲
Vista de jerarquía
Árbol expandible que refleja la estructura real del documento SVG. Selecciona desde el panel o desde el canvas — ambas vistas se sincronizan al instante.
Selección por atributo
Selecciona de golpe todos los elementos que compartan el mismo relleno, trazo, clase CSS, tipo de etiqueta o capa. Ideal para ediciones globales consistentes.
Orden Z preciso
Sube, baja, trae al frente o envía al fondo los elementos seleccionados. Las operaciones funcionan sobre elementos individuales o sobre múltiples selecciones simultáneas.

Herramientas pensadas
para el formato.

Cada funcionalidad trabaja directamente sobre el SVG real. Lo que editas es exactamente lo que se exporta.

Simplificación de paths
Tolerancia ajustable · Polígonos y polilíneas

Reduce el número de puntos de trazados complejos controlando la tolerancia: valores bajos preservan el detalle; valores altos producen formas más esquemáticas y archivos más ligeros. Las curvas y los arcos se convierten a puntos antes de simplificar, garantizando fidelidad a la geometría original.

  • Funciona sobre <path>, <polygon> y <polyline>
  • Las curvas Bézier y los arcos se muestrean antes de simplificar
  • Tolerancia configurable desde la barra de herramientas
  • Operación incluida en el historial de deshacer
  • Se aplica solo a los elementos seleccionados
Operaciones booleanas
Unión · Intersección · Diferencia

Combina dos o más paths para crear nuevas formas mediante operaciones de geometría vectorial. La unión fusiona contornos; la intersección conserva solo la zona solapada; la diferencia sustrae la forma del segundo elemento del primero.

  • Unión de múltiples paths en una sola operación
  • Intersección entre dos elementos
  • Diferencia: primer elemento menos el segundo
  • El resultado se inserta en la capa activa
  • Completamente reversible con Deshacer
Edición multi-selección
Valores mixtos · Cambios en bloque

Selecciona varios elementos y edítalos a la vez desde el panel de propiedades. Cuando los valores difieren entre elementos, el panel lo indica explícitamente. Al escribir un nuevo valor, se aplica a toda la selección simultáneamente.

  • Relleno, trazo, opacidad y transformaciones en bloque
  • Indicador visual de "múltiples valores"
  • Borrado de atributos elemento a elemento
  • Código SVG del elemento visible en tiempo real
  • El panel se sincroniza tras cada cambio
📥
Importación y exportación
SVG estándar · Compatible con Inkscape

Importa cualquier archivo SVG, incluidos los generados por Inkscape con namespaces extendidos. La exportación produce un SVG limpio, con las declaraciones correctas, listo para usar en web o reimportar en el editor.

  • Importación por diálogo o arrastrar y soltar
  • Compatibilidad con SVGs de Inkscape y Illustrator
  • Exportación con viewBox y dimensiones preservados
  • Los atributos internos del editor se eliminan al exportar
  • El archivo exportado puede reimportarse sin errores

Del archivo al resultado
en cuatro pasos.

01
Importa tu SVG
Arrastra el archivo al editor o usa el botón de importación. Las capas y la estructura del documento se preservan tal como están.
02
Selecciona y organiza
Usa la jerarquía para navegar el documento. Selecciona por tipo, color o capa, y organiza el orden Z con precisión.
03
Edita y opera
Modifica atributos, alinea elementos, combina paths con operaciones booleanas o simplifica trazados sobredimensionados.
04
Exporta
Descarga un SVG limpio y estándar, compatible con cualquier visualizador, herramienta de diseño o navegador web.

El SVG como fuente de verdad.

El editor trabaja directamente sobre el DOM del documento. No hay conversión a un formato intermedio: lo que ves es el SVG real.

Sin instalación
inmediato
Funciona en cualquier navegador moderno. No requiere instalar extensiones, plugins ni runtimes. Abre la página y empieza a editar.
SVG fiel al estándar
compatible
Los archivos exportados son SVG estándar válido. Sin propietarismos ni capas de abstracción. Funciona en Inkscape, Illustrator y cualquier navegador.
Historial completo
seguro
Cada operación es reversible. Con 80 pasos de historial puedes experimentar con libertad sin riesgo de perder el trabajo previo.

Listo para editar.

Sin cuenta, sin instalación. Abre el editor y empieza.

Abrir SVG Editor →