# Canva + SocialCutter: de un diseño a cada medida
> Cómo encajan Canva y SocialCutter: Canva diseña y exporta el PNG o JPG, SocialCutter genera las medidas exactas de cada red. No sustituimos a Canva.
- URL: https://socialcutter.theboomer.dev/guias/canva/
- Idioma: es
- Familia: cms
- Actualizado: 2026-09-24
- Palabras clave: Canva, diseño, exportar imagen, medidas de redes sociales, automatización, SocialCutter, Connect API
## 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](https://www.canva.dev/docs/connect/). 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:

```bash
curl -s -X POST "https://api.socialcutter.theboomer.dev/api/v1/images/process/upload" \
  -H "X-API-Key: sc_tu_clave" \
  -F "file=@diseno-canva.png" \
  -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](/guias/medidas-redes-sociales/).

## 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](/guias/automatizar-imagenes-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](/guias/formatos-redes-sociales/).

## 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](/guias/webflow/)
- [Sube imágenes a Ghost y publica el post correcto](/guias/ghost/)
- [Integra SocialCutter con WordPress y WooCommerce](/guias/wordpress/)

## 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](/guias/medidas-redes-sociales/)
- Los caminos de automatización: [Automatizar imágenes para redes sociales](/guias/automatizar-imagenes-redes-sociales/)
- CMS: [Sube imágenes a Webflow y usa SocialCutter](/guias/webflow/)
- Formato de salida: [PNG, JPG o WebP: qué formato usar en cada red](/guias/formatos-redes-sociales/)
- Documentación de la API: https://docs.socialcutter.theboomer.dev