Canva + SocialCutter: de un diseño a cada medida

El reparto de papeles

Conviene decirlo antes de nada, porque es la parte que más se malinterpreta: Canva diseña; SocialCutter mide. Canva es la herramienta donde creas la creatividad, eliges tipografías, colocas el producto y decides el encuadre. SocialCutter entra después: coge ese diseño ya exportado y devuelve, en una sola petición, una versión con las medidas exactas de cada destino del catálogo.

No editamos el diseño, no lo componemos, no lo modificamos y no pretendemos sustituir a Canva. Tampoco análisis del contenido: el recorte es centrado y determinista, sin detección de sujetos ni de rostros. Si el encuadre importa, se decide en Canva o se ajusta con el modo de ajuste.

Canva como origen: dos formas de sacar el diseño

Exportación manual

Es la ruta más usada y no necesita nada especial:

1. Termina el diseño en Canva.
2. Expórtalo como PNG (si hay transparencia, textos finos o logos) o JPG (si es una foto o una creatividad con fondo lleno).
3. Elige el mayor tamaño que te permita la exportación.
4. Descarga el fichero y procésalo con SocialCutter.

Exporta siempre lo más grande posible y con el motivo cerca del centro: el recorte de SocialCutter toma el centro como referencia, así que un maestro bien centrado da mejores resultados en cada proporción. Para el banner de YouTube (2560x1440) hace falta partir de un original de al menos 2560 píxeles de ancho.

Exportación por API (Connect API)

Cuando tienes acceso a la Connect API de Canva, la exportación se puede automatizar. El patrón documentado es siempre el mismo: se crea un trabajo de exportación indicando el identificador del diseño y el formato de salida, el trabajo es asíncrono, se consulta su estado hasta que termina y, al acabar, devuelve URLs temporales de descarga de los ficheros generados. Esas URLs son el source que le pasas a SocialCutter.

Los nombres exactos de los endpoints, los formatos admitidos y los scopes los fija Canva y cambian con las versiones de su API. Confírmalos siempre en la documentación oficial: Canva Connect APIs. No inventamos nombres de endpoints aquí: si tu plan no incluye acceso a la Connect API, la exportación manual cubre el flujo igual de bien.

Procesar el diseño con SocialCutter

Con el fichero exportado en la mano (o su URL), la llamada es la misma para cualquier origen:

curl -s -X POST "https://api.socialcutter.theboomer.dev/api/v1/images/process/upload" \
  -H "X-API-Key: sc_tu_clave" \
  -F "[email protected]" \
  -F 'destinations=[
        {"platform":"instagram","format":"post"},
        {"platform":"instagram","format":"story"},
        {"platform":"linkedin","format":"post"}
      ]' | jq

Cambiar -F "file=@..." por un cuerpo JSON con source de tipo url te sirve si prefieres pasar la URL temporal que devolvió Canva. La respuesta trae un array outputs con platform, format, url, width, height y size_bytes: una salida por destino. Las medidas exactas de cada uno están en Medidas de redes sociales: tamaños y proporciones.

Qué gana el flujo frente a exportar a mano

• Un diseño, varios destinos. En lugar de exportar tres veces desde Canva y ajustar a mano, se pide la lista de destinos en una sola petición.
• Píxeles exactos. La salida no es «parecido a»: es la medida del catálogo (1080x1080, 1080x1920, 1200x627…).
• Programable. Se encadena detrás de la exportación por API, de una carpeta vigilada o de un CMS. Los patrones están reunidos en Automatizar imágenes para redes sociales.
• Formato de salida a elegir. WebP por defecto, o PNG y JPG si el destino lo agradece; los criterios están en PNG, JPG o WebP: qué formato usar en cada red.

Cómo se sube el resultado a un CMS

Canva cubre el diseño, pero la mayoría de los flujos terminan publicando en una web. El resultado ya con las medidas correctas se sube a la biblioteca de medios del CMS: Webflow y su Media API, Ghost con la imagen destacada, o WordPress y WooCommerce con la biblioteca de medios.

• Sube imágenes a Webflow y usa SocialCutter
• Sube imágenes a Ghost y publica el post correcto
• Integra SocialCutter con WordPress y WooCommerce

El caso del 9:16 cuando diseñas en 1:1

Diseñar en cuadrado es lo más fácil en Canva, pero las historias y las portadas verticales son 9:16 (1080x1920). Si le pides a SocialCutter un instagram story a partir de un diseño cuadrado, el recorte centrado deja fuera los extremos de arriba y abajo: lo que toca el borde se pierde.

Dos salidas honestas:

1. Diseñar la versión vertical en Canva. Si el texto o el logo están en los bordes, es lo correcto: Canva es la herramienta de diseño y ahí se decide el encuadre vertical.
2. Usar contain si solo tienes el cuadrado: la imagen completa se encaja dentro del lienzo 9:16 y el hueco se rellena con background_color. El fichero sale de 1080x1920, pero con barras, no ampliado. Lo que no existe es un modo que adivine el encuadre: no hay recorte inteligente.

El 4:5, por cierto, no está en el catálogo: hay que recortarlo aparte o cubrirlo con contain sobre el 1:1.

Coste

• 1 uso por destino (plataforma y formato) por diseño procesado.
• Destinos repetidos en la misma petición no se cobran dos veces.
• Los procesamientos fallidos se devuelven.
• Planes de 0, 3, 9 y 29 EUR, con API y servidor MCP incluidos.

Un diseño con los tres destinos del ejemplo consume 3 usos.

Errores típicos

Error	Qué ocurre	Qué hacer
Exportar un PNG enorme sin necesidad	Ficheros de más de 5 MB son rechazados con 413	Exporta en el mayor tamaño útil, no en el máximo absurdo
Esperar que el 1:1 se convierta en 9:16	No existe ese destino ni ese modo	Diseña el vertical en Canva o usa contain
Texto cortado en los bordes	cover recorta desde el centro	Deja margen en el diseño o cambia a contain
Banner de YouTube borroso	El maestro es menor de 2560 px de ancho	Exporta desde Canva a un tamaño mayor
Esperar que SocialCutter publique	Solo genera ficheros y devuelve URLs	Publica con la red, el CMS o tu automatizador
401	La clave falta o está revocada	Revisa la cabecera X-API-Key

Lo que no hacemos

No somos un editor: no cambiamos colores, no quitamos fondos, no componemos texto y no retocamos nada. No sustituimos a Canva ni a ninguna herramienta de diseño. No hacemos recorte inteligente: el recorte es centrado y sin análisis de contenido. Y no publicamos en redes sociales: devolvemos la URL de cada fichero generado.

Lo nuestro es el paso aburrido y repetitivo: coger el diseño que ya has hecho y sacar, con las medidas exactas, todas las versiones que cada red necesita.

Siguientes pasos

• Tamaños y proporciones: Medidas de redes sociales: tamaños y proporciones
• Los caminos de automatización: Automatizar imágenes para redes sociales
• CMS: Sube imágenes a Webflow y usa SocialCutter
• Formato de salida: PNG, JPG o WebP: qué formato usar en cada red
• Documentación de la API: https://docs.socialcutter.theboomer.dev