Gráficos vectoriales

Relay admite la traducción de las capas vectoriales de Figma a los elementos de diseño vectorial de Android.

Diagrama: Capas vectoriales a VectorDrawable a Image

Relay convierte capas vectoriales de Figma en Gráficos vectoriales escalables (SVG), que luego se convierten en elementos de diseño vectorial. Un elemento de diseño vectorial es un gráfico vectorial definido en un archivo en formato XML como un conjunto de puntos, líneas y curvas, junto con sus datos de color asociados. En el código generado, el elemento de diseño vectorial se usa como un recurso de imagen.

Actualmente, Relay es compatible con los siguientes atributos de formato vectorial:

  • Todos los tipos de vectores (rectángulo, línea, flecha, elipse, polígono, estrella, vector genérico)
  • Relleno vectorial (color sólido, gradiente lineal, gradiente radial)
  • Trazos sólidos
  • Relleno de trazo (color sólido, gradiente lineal, gradiente radial)
  • Ancho del trazo
  • Estilo de fin de trazo
  • Opacidad

Limitaciones

Los atributos específicos de vectores que no se admiten actualmente son los siguientes:

  • Funciones no compatibles con el formato VectorDrawable de Android:
    • Imágenes de mapa de bits incorporadas (excepto los rectángulos, que son compatibles como imágenes en lugar de vectores)
    • Trazos discontinuos
    • Desenfoque
    • Sombra
    • Patrón
    • Máscara
    • Opacidad del grupo
    • Punto focal de gradiente radial
  • Funciones no compatibles con el formato SVG:
    • Gradientes angulares
    • Gradientes de diamante
  • Operaciones booleanas entre objetos vectoriales (unión / resta / intersección / exclusión)
    • Una solución alternativa es combinar y compactar en un único vector