Crea dissenys interactius amb Canva Code
Canva Code et permet crear dissenys interactius i responsius sense haver d'escriure codi. Pots fer servir Canva Code de dues maneres:
- Crea dissenys de codi interactius
- Crea dissenys interactius complets, com ara pàgines de destinació, taulers de control o dossiers, i edita i publica com a llocs web a l'Editor de Canva
- Afegeix elements de Code interactius als dissenys
- Crea elements interactius com ara qüestionaris, calculadores o gràfics per a un altre disseny i reutilitza'ls en diversos dissenys
Suggeriments:
- Obtén més informació sobre com compta aquesta funció per a l'ús de la intel·ligència artificial.
- Descobreix com escriure millors indicacions per maximitzar el teu pressupost d'IA.
Crea dissenys de codi interactius
Fes servir el tipus de disseny de codi quan vulguis crear una experiència interactiva completa.
- Crea pàgines de destinació, taulers de control, dossiers i molt més
- Edita i millora a l'editor de Canva
- Publica com a lloc web responsiu
- A la pàgina inicial de Canva, selecciona Codi. S'obrirà l'editor de Canva.
- A l'editor de Canva, comença per descriure el teu disseny a la pestanya IA de Canva. Demana alguna cosa com ara "Dissenya un seguiment d'exercicis interactiu i fàcil d'utilitzar".
- Com a alternativa, a la pestanya Plantilles també pots navegar o cercar plantilles per començar.
- Perfecciona-ho amb Canva IA o edicions directes. Consulta Editar els teus dissenys i elements interactius de Canva Code per obtenir més informació.
Afegeix elements de Code interactius als dissenys
Ves a IA de Canva i, a continuació, fes codi quan vulguis generar un únic component interactiu.
- Crea qüestionaris, calculadores, gràfics i molt més com a elements.
- Afegeix-les a presentacions, pissarres o altres tipus de disseny. Publica com a lloc web o Reutilitza elements en diversos dissenys.
- A la pàgina inicial de Canva, selecciona Canva IA.
- Al quadre de tema, descriu l'element de codi interactiu que vols crear. Obtén més informació sobre els suggeriments d'IA aquí.
- Selecciona </> Codi.
- Prem Retorn al teclat o fes clic al botó d'enviament. IA de Canva prepara el teu disseny en funció del teu tema.
- Després de generar el disseny del codi, selecciona Utilitza en un disseny.
- A Afegeix com a element a, selecciona un tipus de document per afegir-lo com a element de codi interactiu.
- Per millorar el disseny generat amb Canva Code, sol·licita les millores al quadre de xat del tauler lateral.
Nota: pots accedir a les versions del disseny del teu fil de xat amb Canva IA.
Edita els dissenys i els elements interactius generats amb Canva Code
Perfecciona el disseny generat amb Canva Code amb les eines de l'editor. Consulta Edita els dissenys i els elements interactius generats amb Canva Code per obtenir més informació.
Previsualitza i publica el teu disseny
Selecciona Visualització prèvia per interaccionar amb el disseny. Quan tot estigui bé, podràs publicar-lo com a lloc web. Obtén informació sobre com publicar i gestionar llocs web de Canva Code.
Nota: la interactivitat funciona quan el disseny es visualitza a Canva o es publica com a lloc web.
Accedeix, copia i gestiona les versions de Canva Code
Cada vegada que actualitzis el disseny del Canva Code mitjançant un tema, Canva desa automàticament una versió nova dins del mateix fil de xat. Això et permet tornar a visitar iteracions anteriors, continuar editant des d'una versió anterior o copiar el codi generat per a ús extern.
Consulta l'historial de versions
- Des de la pàgina inicial de Canva, obre Canva IA.
- A la barra d'indicacions, selecciona </> Code per veure els teus xats de Canva Code a la barra lateral.
- Nota: pots identificar els xats de Canva Code gràcies a la </> icona que hi ha al costat.
- Obre un fil de xat de Canva Code.
- A la barra lateral, explora les versions disponibles (per exemple, la versió 1, la versió 2 i altres).
Nota: en continuar mostrant el tema dins del mateix xat, es crearà automàticament una versió nova.
Fes servir una versió anterior
- Obre el fil de xat de Canva Code.
- Selecciona la versió que vulguis fer servir.
- Selecciona Utilitza en un disseny per continuar editant aquesta versió a Canva.
Visualitza i copia el codi
Pots veure el codi subjacent generat per Canva Code i copiar-lo per reutilitzar-lo fora de Canva.
- Al fil de Codi de Canva, activa la tecla Mostra el codi.
- Selecciona Copia el codi per guardar-lo al porta-retalls.
Limitacions de Canva Code
- Canva Code admet tots els idiomes disponibles a Canva, excepte els usuaris de canva.cn.
- Canva Code només accepta instruccions de la descripció que has introduït o utilitzat. Com més context i instruccions donis, millor serà el resultat.
- El codi es pot copiar i reutilitzar externament, però no es pot exportar com a fitxer ni editar-lo directament a Canva.
Puc reutilitzar el codi fora de Canva?
Sí. Un cop copiat, el codi es podrà fer servir als teus projectes. Tot i que està dissenyat per a Canva, pots adaptar-lo a eines o fluxos de treball externs.
Puc fer servir les meves creacions de Canva Code per a un ús comercial?
Entre tu i Canva, i en la mesura que ho permeti la llei, ets el propietari de les teves entrades i sortides de les nostres característiques d'IA (inclosos Canva Code i els Canva Codes creats), i Canva no reclamarà la propietat dels drets d'autor sobre les teves entrades o sortida (inclosos els codis de Canva creats). Per obtenir més informació i les condicions completes, consulta les nostres condicions del producte d'IA.
Qui pot veure el que creo amb Canva Code?
Només tu pots veure les teves converses amb Canva Code.Quan fas clic a Utilitza en un disseny , es crea un disseny nou amb aquesta versió i pots compartir el disseny (inclòs el Canva Code) amb el botó Comparteix .
Si publiques el disseny en un lloc web, el control d'accés el controla la configuració que configuris durant el flux de publicació del lloc web.
Puc gestionar l'accés del meu equip a Canva Code?
Si ets administrador, professor o dissenyador de marca, pots triar qui pot accedir a Canva Code al teu equip o classe.
No pots trobar Canva Code a la teva pàgina d'inici? Més informació sobre les restriccions d'accés al codi de Canva.
Per què no veig les línies de codi que canvien?
Ara Canva Code utilitza l'edició basada en diferències, de manera que només s'actualitzen les línies de codi necessàries en comptes de regenerar tot el bloc. Això fa que els comentaris siguin més ràpids quan fas petits canvis a la lògica del disseny.
Si no veus que les línies de codi canvien després d'enviar el tema, vol dir que Canva treballa en segon pla per aplicar només els canvis necessaris. Espera fins que el Codi de Canva s'acabi de generar una altra versió.
T'hem ajudat?
Útil
No ha estat útil