Crea progetti interattivi con Canva Code

Con Canva Code puoi creare progetti responsive e interattivi senza dover scrivere un codice tecnico. Puoi utilizzare Canva Code in due modi:

• Crea progetti di Code interattivi
  • Crea progetti interattivi come landing page, dashboard o portfolio, modificali e pubblicali come siti web nell'editor Canva
• Aggiungi elementi di codice interattivi ai tuoi progetti
  • Crea elementi interattivi come quiz, calcolatrici o grafici per un altro progetto e riutilizzali in più progetti

Usa il tipo di progetto Codice quando vuoi creare un'esperienza interattiva completa.

• Crea landing page, dashboard, portfolio e altro ancora
• Modifica e perfeziona nell'editor Canva
• Pubblica come sito web responsive

Vai su Canva AI e poi su Codice quando vuoi generare un singolo componente interattivo.

• Crea quiz, calcolatrici, grafici e altro ancora come elementi.
• Aggiungili a Presentazioni, Lavagne online o altri tipi di progetti. Pubblica come sito web o riutilizza gli elementi in più progetti.

Perfeziona il tuo progetto generato da Canva Code utilizzando gli strumenti dell'editor. Per saperne di più, dai un'occhiata alla modifica di progetti ed elementi interattivi generati da Canva Code .

Seleziona

Nota: l'interattività funziona quando il progetto viene visualizzato su Canva o pubblicato come sito web.

Ogni volta che aggiorni il tuo progetto Canva Code tramite prompt, Canva salva automaticamente una nuova versione all'interno dello stesso thread della chat. Ciò ti consente di rivedere le iterazioni precedenti, continuare a modificare da una versione precedente o copiare il codice generato per uso esterno.

Nota: se continui a inviare prompt all'interno della stessa chat, verrà creata automaticamente una nuova versione.

1. Apri il thread della chat di Canva Code.
2. Seleziona la versione che vuoi usare.
3. Seleziona Usa in un progetto per continuare a modificare la versione in Canva.

Puoi visualizzare il codice sottostante generato da Canva Code e copiarlo per il riutilizzo al di fuori di Canva.

• Canva Code supporta tutte le lingue disponibili su Canva, ad eccezione degli utenti in canva.cn.
• Canva Code prenderà solo le istruzioni dalla descrizione che hai inserito o utilizzato. Più contesto e istruzioni fornisci, migliore sarà il risultato.
• Il codice può essere copiato e riutilizzato esternamente, ma non può essere esportato come file o modificato direttamente all'interno di Canva.

Sì. Una volta copiato, il codice può essere utilizzato nei tuoi progetti. Sebbene sia stato creato per Canva, puoi adattarlo a strumenti o flussi di lavoro esterni.

Nel rapporto tra te e Canva e nella misura consentita dalla legge, possiedi i tuoi Input e Output per le nostre funzionalità di AI (inclusi Canva Code e i Canva Codes creati) e Canva non rivendicherà alcun diritto di proprietà sul tuo Input o Output. (inclusi i Canva Code creati). Per maggiori dettagli e condizioni complete, consulta le nostre Condizioni dei prodotti basati su AI.

Solo tu puoi vedere le tue conversazioni con Canva Code. Quando clicchi su Usa in un progetto, viene creato un nuovo progetto con quella versione e puoi condividere il progetto (compreso il codice Canva) utilizzando il

Se pubblichi il progetto su un sito web, il controllo degli accessi è controllato dalle impostazioni che configuri durante il flusso di pubblicazione del sito web.

Se hai il ruolo di amministratore, insegnante o brand designer, puoi scegliere chi può accedere a Canva Code nel tuo team o nella tua classe.

Canva Code ora utilizza la modifica basata sulle differenze, il che significa che vengono aggiornate solo le righe di codice necessarie invece di rigenerare l'intero blocco. Ciò si traduce in un feedback più rapido quando apporti piccole modifiche alla logica di progettazione.