# Piezas visuales para redes: del texto al diseño revisado

> Convierte una idea en tarjetas estáticas y una versión editable, manteniendo el mismo mensaje y revisando cada exportación.

Verificado el 27 oct 2026.

## Qué es

Un proceso para preparar varias piezas visuales a partir de un mensaje propio. Las tarjetas sirven como primera composición y Canva como destino de una adaptación editable. El traslado entre herramientas se hace con archivos y texto revisados.

## Para qué te sirve

- Cuando un anuncio necesita una tarjeta informativa y una pieza editable para el equipo.
- Cuando debes comprobar que el contenido cabe antes de preparar varias versiones.

- Cuando una campaña necesita adaptar un mensaje aprobado a dos tamaños de publicación.

## Cómo funciona

[Guizang](/hub/guizang-social-card-skill) organiza texto e imágenes en HTML y produce tarjetas PNG. [Canva MCP](/hub/canva-mcp) trabaja con diseños de tu cuenta. El agente entrega el texto aprobado y los PNG como referencia; no hay una conversión automática de HTML a capas editables de Canva.

## Antes de empezar

Prepara un agente con shell, Node.js ≥22.20.0 con npm/npx, el entorno de captura Playwright descrito por Guizang y una cuenta Canva conectada y activa en un chat de Claude en navegador, como en la guía actual de Canva. El traslado desde el agente local a ese chat puede ser manual. La guía de render enlazada no fija una versión mínima. Comprueba el plan si necesitas redimensionado o herramientas de marca: algunas funciones requieren Pro o superior.

## Límites y alternativas

Este flujo cubre imágenes estáticas; los bucles animados necesitan un proyecto de vídeo aparte. Comprueba derechos de imágenes y fuentes. Recrear un diseño en Canva puede cambiar saltos de línea y espaciados. Para una pieza aislada puedes trabajar directamente en su editor.

## Recursos

- [Guizang](/hub/guizang-social-card-skill) — guía y configuración de esta pieza.
- [Fuente primaria de Guizang](https://github.com/op7418/guizang-social-card-skill) — documentación enlazada por su guía.
- [Canva MCP](/hub/canva-mcp) — guía y configuración de esta pieza.
- [Fuente primaria de Canva MCP](https://www.canva.dev/docs/apps/mcp/) — documentación enlazada por su guía.