¿Para qué sirve convertir Figma a Adobe XD?
Adobe XD no abre archivos de Figma, pero sí importa SVG. El problema es que el SVG que exporta Figma usa cosas que XD no entiende bien: hojas de estilo, referencias <use>, máscaras alfa, sombras escritas con ocho filtros encadenados o el desenfoque de fondo. Al importarlo, XD pierde máscaras, deja sombras raras o descoloca imágenes.
Esta herramienta reescribe el SVG de Figma en SVG sencillo que XD importa bien: pasa los estilos a atributos, sustituye las referencias por copias de lo que señalan, convierte las máscaras alfa en máscaras de recorte (las que usa XD), reescribe las sombras y el desenfoque de capa con la forma que XD exporta, quita lo que XD no puede importar (como el desenfoque de fondo) y fija el tamaño del dibujo en píxeles.
Puedes subir uno o varios archivos .svg o pegar directamente el código de «Copy as SVG» de Figma. Verás una vista previa y un resumen de lo que se ha adaptado. Después, copia el SVG y pégalo en XD con Ctrl+V o descárgalo y arrástralo al lienzo de XD.
Todo ocurre en tu navegador: nada se sube a ningún servidor. La prueba gratis convierte un SVG; con ToolStudio Pro el uso es ilimitado y puedes convertir varios archivos a la vez.
¿Cómo pasar un diseño de Figma a Adobe XD?
- En Figma, selecciona el marco y haz clic derecho › Copy/Paste as › Copy as SVG (o expórtalo como SVG).
- Pega el código en la pestaña «Pegar código SVG» o sube el archivo .svg.
- Pulsa «Convertir para XD».
- Pulsa «Copiar SVG» y pega en Adobe XD con Ctrl+V, o descarga el .svg y arrástralo al lienzo (también con Archivo › Importar).
¿Cuándo pasar diseños de Figma a XD?
- Entregar pantallas o iconos a un cliente o un equipo que sigue trabajando con Adobe XD.
- Llevar ilustraciones y logotipos de Figma a un proyecto de XD.
- Reutilizar componentes de Figma en un prototipo hecho en XD.
- Arreglar SVG de Figma que se ven mal al importarlos en XD (máscaras, sombras, imágenes).
Formatos compatibles
- Entrada: SVG exportado de Figma (archivo .svg de hasta 50 MB o código pegado). También sirve el SVG de otros programas.
- Salida: SVG preparado para Adobe XD, para copiar y pegar o descargar.
- Los archivos .fig no se pueden convertir: Figma solo los abre él mismo. Exporta antes el marco como SVG.
- Para que los textos lleguen como texto editable, desactiva «Outline text» en las opciones de exportación SVG de Figma.
Preguntas Frecuentes
¿Puedo abrir un archivo de Figma (.fig) en Adobe XD?
No. Ni XD ni ninguna herramienta externa puede leer los archivos .fig. Lo que sí funciona es exportar desde Figma en SVG («Copy as SVG» o Exportar › SVG) y pasar ese SVG por esta herramienta para que XD lo importe bien.
¿Por qué no basta con importar en XD el SVG de Figma tal cual?
Porque Figma escribe en el SVG máscaras alfa, filtros encadenados, estilos y referencias que el importador de XD interpreta mal o ignora: se pierden máscaras, las sombras cambian o desaparecen elementos. La herramienta los reescribe en una forma que XD sí entiende.
¿Puedo pegar el resultado directamente en XD?
Pulsa «Copiar SVG» y pega con Ctrl+V (Cmd+V en Mac) en el lienzo de XD. Si tu versión de XD no pega código SVG, descarga el archivo .svg y arrástralo al lienzo o ábrelo con Archivo › Importar.
¿Los textos llegan editables?
Solo si el SVG contiene texto. Figma convierte los textos en trazados por defecto al exportar SVG; desmarca «Outline text» en las opciones de exportación para que lleguen como texto y ten instaladas las mismas fuentes.
¿Mis archivos se suben a algún servidor?
No. El archivo se abre y se convierte en tu propio navegador. No se sube a ningún servidor y no sale de tu equipo, así que puedes usarlo con diseños de clientes o proyectos confidenciales.
¿Es gratis?
Tienes una prueba gratis: convierte un SVG. Para más archivos, o varios a la vez, necesitas ToolStudio Pro, que te da uso ilimitado de todas las herramientas, procesamiento por lotes y ninguna publicidad. Puedes cancelarlo cuando quieras.
