Crea diseños interactivos con Canva Code

Canva Code te permite crear diseños interactivos y con capacidad de respuesta sin el tecnicismo de escribir código. Puedes usar Canva Code de dos maneras:

• Crea diseños de código interactivos
  • Crea diseños interactivos completos, como páginas de destino, paneles de control o portafolios, y edítalos y publícalos como sitios web en el Editor de Canva.
• Agrega elementos de código interactivo a tus diseños
  • Crear elementos interactivos como cuestionarios, calculadoras o gráficos para otro diseño y reutilizarlos en varios diseños

Usa el tipo de diseño Código cuando quieras crear una experiencia interactiva completa.

• Crea páginas de destino, paneles, portafolios y mucho más
• Editar y refinar en el editor de Canva
• Publicar como sitio web adaptativo

Accede a Canva AI y, a continuación, a Codifica cuando quieras generar un único componente interactivo.

• Crea cuestionarios, calculadoras, gráficos y mucho más como elementos.
• Añádelos a presentaciones, pizarras blancas u otros tipos de diseño. Publicar como sitio web o reutilizar elementos en varios diseños.

Perfecciona el diseño que generaste en Canva Code con las herramientas del editor. Échale un vistazo a Edita los diseños y elementos interactivos generados por Canva Code para obtener más información.

Selecciona

Importante: la interactividad funciona cuando el diseño se ve en Canva o se publica como sitio web.

Cada vez que actualizas tu diseño de Canva Programación mediante sugerencias, Canva guarda automáticamente una nueva versión dentro de la misma conversación del chat. Esto te permite volver a visitar iteraciones anteriores, seguir editando desde una versión anterior o copiar el código generado para uso externo.

Importante: si continúas con la sugerencia en el mismo chat, se creará una nueva versión de forma automática.

1. Abre el hilo del chat con Canva Programación.
2. Selecciona la versión que quieres usar.
3. Para seguir editando esa versión en Canva, selecciona Usar en un diseño .

Puedes ver el código subyacente generado por Canva Programación y copiarlo para reutilizarlo fuera de Canva.

• Canva Code admite todos los idiomas disponibles en Canva, excepto los usuarios de canva.cn.
• Canva Code solo acepta instrucciones de la descripción que hayas escrito o utilizado. Cuanto más contexto e instrucciones brindes, mejor será el resultado.
• El código se puede copiar y reutilizar de forma externa, pero no se puede exportar como archivo ni editar directamente en Canva.

Sí. Una vez copiado, el código se puede utilizar en tus propios proyectos. Aunque está diseñado para Canva, puedes adaptarlo a herramientas o flujos de trabajo externos.

En lo que respecta a Canva y en la medida en que lo permita la ley, eres propietario de tus entradas y resultados de nuestras funciones de IA (incluido Canva Programación y los códigos creados ahí), y Canva no hará ninguna reclamación de derechos de autor sobre tus instrucciones o resultados (incluidos los códigos creados en Canva Programación). Para obtener más detalles y leer todas la condiciones de uso, por favor, consulta nuestros Condiciones de uso de los productos de IA.

Solo tú puedes ver tus conversaciones con Canva Programación. Cuando das clic en Usar en un diseño, se crea un diseño nuevo con esa versión y puedes compartir el diseño (incluido el código de Canva Programación) usando el botón

Si publicas tu diseño en un sitio web, el acceso se controla de acuerdo a los ajustes que configuraste durante el flujo de publicación del sitio web.

Si eres administrador, docente o diseñador de marcas, puedes elegir quién tiene acceso a Canva Programación en tu equipo o clase.

Canva Code ahora utiliza la edición basada en diff, lo que significa que solo se actualizan las líneas de código necesarias en lugar de regenerar todo el bloque. Esto se traduce en una retroalimentación más rápida cuando realizas pequeños cambios en tu lógica de diseño.