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 generado por 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 visualiza en Canva o se publica como un sitio web.

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

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

1. Abre el chat de 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 generado por Canva Programación y copiarlo para volver a usarlo 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 ti y a Canva, y en la medida en que lo permita la ley, tú eres titular de los datos que ingresas y de los resultados que obtienes cuando usas nuestras funciones de IA (por ejemplo, Canva Programación y los códigos de Canva que se crean). Canva no reclamará la titularidad de los derechos de autor de los datos que ingreses ni de los resultados que obtengas cuando uses estas funciones (incluidos los códigos de Canva que se creen). Para obtener más información sobre este tema y ver las condiciones, consulta las Condiciones de uso del Producto con IA.

Solo tú puedes ver las conversaciones que tengas con Canva Programación. Cuando haces clic en Usar en un diseño, se crea un diseño nuevo con esa versión y puedes compartirlo (incluido el código de Canva) con el botón

Si publicas tu diseño en un sitio web, el acceso se controla mediante los ajustes que configuras durante el proceso de publicación en el sitio web.

Si eres docente, persona a cargo o especialista en diseño, puedes elegir qué personas de tu equipo o clase pueden acceder a Canva Programación.

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.