Cómo exportar un logotipo desde Figma para un cliente

1. Prepara una copia del diseño aprobado para la entrega

Crea una zona de entrega con un nombre claro en tu archivo de Figma. Coloca cada variante aprobada del logotipo en su propio marco o grupo: por ejemplo, Primary, Symbol y White. Mantén los conceptos descartados y las versiones exploratorias en otro lugar. Así reducirás considerablemente los errores al seleccionar qué exportar.

Inspecciona los límites alrededor de cada logotipo. Un marco amplio y vacío puede dejar una marca diminuta dentro de una imagen grande; unos límites demasiado ajustados pueden recortar elementos que sobresalgan. Decide si el margen interior debe formar parte del recurso exportado o si lo añadirá la composición en la que se utilice. Comprueba que la selección respete esa decisión.

Conserva intacto el original editable. Una copia para la entrega te permite resolver problemas de exportación sin perder el texto editable, la estructura de componentes ni otra información que puedas necesitar en una revisión posterior.

• Asigna un nombre útil a cada selección que vayas a exportar antes de descargarla.
• Elimina los fondos de presentación de las versiones que deban ser transparentes.
• Comprueba que el logotipo seleccionado incluya todos los elementos de la composición aprobada.
• Confirma que los textos pequeños, las máscaras y los efectos se conserven en el archivo de salida previsto.

2. Exporta un SVG y vuelve a abrirlo

Con el logotipo seleccionado, haz clic en + junto a Export en el panel de propiedades, elige SVG y exporta la selección. Figma también permite exportar de forma nativa en PNG, JPG y PDF; utilizar otra herramienta es opcional. Sus controles de exportación permiten definir anchos y altos personalizados para las imágenes rasterizadas.

Figma convierte el texto de los SVG en contornos de forma predeterminada. Esto conserva la forma de las letras sin dejar texto editable en la exportación. Guarda el archivo de trabajo para futuras modificaciones del texto. Revisa los ajustes de exportación si tu proyecto requiere específicamente texto editable.

Abre el SVG descargado en un navegador y, cuando resulte útil, en otro editor vectorial. Compara el logotipo tipográfico letra por letra con la versión aprobada. Revisa los grosores de trazo, los huecos en las formas, los límites exteriores y los detalles superpuestos. Que la descarga se haya completado solo confirma que se ha creado un archivo.

Más información: Figma: exportar desde Figma · Figma: formatos y ajustes de exportación

3. Prepara archivos para sus destinos reales en pantalla

Pregunta al cliente dónde aparecerá el logotipo en sus próximos usos. Una cabecera web, una presentación y una imagen de perfil tienen requisitos diferentes. Anota las dimensiones necesarias, el fondo y los formatos admitidos antes de crear un gran conjunto de exportaciones.

Por ejemplo, supongamos que un desarrollador pide un logotipo rasterizado transparente que se mostrará con un ancho de 180 píxeles. Una exportación de 360 píxeles de ancho proporciona una imagen 2× para ese uso; una exportación de 540 píxeles de ancho proporciona una imagen 3×. Estos tamaños corresponden a este ejemplo concreto. Confirma el requisito real con el desarrollador en lugar de tratar cualquiera de esos valores como un estándar universal. Para crear la versión de 360 píxeles en Figma, añade una exportación PNG e introduce 360w en el campo Scale; utiliza 540w para el ejemplo 3×.

Utiliza SVG cuando el destino lo admita y PNG cuando necesites transparencia en un archivo rasterizado. Entrega un JPG solo cuando una imagen con fondo uniforme sea adecuada o necesaria. Elige el perfil de color digital esperado; Figma ofrece controles de exportación sRGB y Display P3. Prueba el recurso resultante en su destino real.

Acme_Primary_Web.svg
Acme_Primary_Transparent_360px.png
Acme_White_Transparent_360px.png
Acme_Primary_WhiteBackground_1200px.jpg

Estos son ejemplos de entregables, no tamaños obligatorios.

Continúa con: Elige los formatos según el uso

4. Trata la impresión como una decisión de producción independiente

Si una imprenta solicita un EPS CMYK o una especificación PDF concreta, registra exactamente esa petición. Descargar un PDF desde Figma no demuestra por sí solo que se hayan cumplido los requisitos de color, perfil y producción de la imprenta.

Pregunta si el proveedor espera cuatricromía CMYK, tintas planas, un perfil de salida específico o un estándar PDF concreto. Comprueba el archivo exportado mediante un proceso de inspección adecuado y solicita una prueba cuando la precisión del color sea importante. Entrega el logotipo como recurso; añade ajustes de sangrado o corte solo cuando también estés preparando la composición final que los requiera.

Para diseños SVG compatibles compuestos por vectores de colores planos, logopack.app puede crear archivos de logotipo EPS CMYK y, con Pro, PDF CMYK utilizando los valores CMYK del proyecto. Los diseños complejos pueden requerir preparación en un editor vectorial. Estas exportaciones también deben comprobarse frente a los requisitos del proveedor.

Más información: Adobe: opciones de salida PDF

5. Elige cómo organizar el paquete

Para una entrega pequeña, las exportaciones nativas de Figma y unas carpetas con nombres bien elegidos pueden ser suficientes. Mantén un proceso que puedas verificar fácilmente. Si necesitas con frecuencia muchas variantes aprobadas y tipos de archivo, un flujo de trabajo de preparación de paquetes puede reducir la organización manual.

Una opción es subir el SVG revisado a logopack.app, identificar el logotipo principal y las versiones adicionales, revisar las variantes de color e inspeccionar la vista previa de las carpetas. Las exportaciones estándar incluyen SVG, PNG, JPG, WebP y EPS CMYK. Pro añade ajustes de exportación personalizados, archivos de logotipo PDF CMYK para diseños compatibles y una guía del logotipo en PDF.

Si prefieres seguir en Figma, TinyImage cuenta con un flujo de trabajo documentado de Logo Packager. Compara los archivos de salida necesarios y las condiciones actuales de los planes antes de elegir. La pregunta útil es si el paquete final satisface las necesidades de tu cliente y te ahorra trabajo que, de otro modo, harías manualmente.

Continúa con: Compara flujos de trabajo para preparar paquetes de logotipos

Más información: TinyImage: preparar un paquete de logotipos en Figma

6. Revisa lo que recibirá el cliente

Descomprime la entrega real en una carpeta nueva. Abre archivos representativos de cada formato y variante del logotipo. Prueba un logotipo blanco transparente sobre un fondo oscuro para evitar que se confunda con un archivo vacío.

Incluye instrucciones breves que identifiquen el logotipo predeterminado y expliquen qué archivos utilizar en aplicaciones habituales. Si el acuerdo incluye acceso editable a Figma, entrégalo por separado con los permisos adecuados. Una carpeta de exportaciones no sustituye la entrega acordada de archivos fuente.

• ✓Compara las letras y las formas con el diseño aprobado.
• ✓Comprueba las dimensiones en píxeles, el margen interior y la nitidez de las imágenes rasterizadas al tamaño de uso.
• ✓Inspecciona los recursos transparentes sobre fondos claros y oscuros.
• ✓Comprueba los ajustes de color y salida para impresión frente a la petición del proveedor.
• ✓Elimina las versiones duplicadas, descartadas y obsoletas.
• ✓Lee los nombres de archivo y las instrucciones como alguien que no conoce el proyecto.

Preguntas frecuentes sobre la exportación de logotipos desde Figma