Créez des designs interactifs avec Canva Code
Canva Code vous permet de créer des designs réactifs et interactifs sans la technicité de l'écriture de code. Vous pouvez utiliser Code Canva de deux manières :
- Créer des designs de code interactifs
- Créez des designs interactifs complets tels que des pages de renvoi, des tableaux de bord ou des portfolios, puis modifiez et publiez-les en tant que sites Web dans l'éditeur Canva
- Ajoutez des éléments de code interactifs à vos designs
- Créez des éléments interactifs tels que des quiz, des calculatrices ou des graphiques dans un autre design et réutilisez-les dans plusieurs designs
Astuces :
- En savoir plus sur la façon dont cette fonctionnalité est prise en compte dans votre utilisation de l'IA.
- Découvrez comment rédiger de meilleures invites pour maximiser votre allocation d'IA.
Créer des designs de code interactifs
Utilisez le type de conception Code lorsque vous souhaitez créer une expérience interactive complète.
- Créez des pages d'accueil, des tableaux de bord, des portfolios, etc.
- Modifier et affiner dans l'éditeur Canva
- Publiez en tant que site Web réactif
- Sur la page d’accueil de Canva, sélectionnez Code. Cela ouvre l’éditeur Canva.
- Dans l’éditeur Canva, commencez par décrire votre design dans l’ onglet IA Canva. Prompt comme « Créez un outil de suivi d’entraînement interactif et convivial ».
- Sinon, sous l’ onglet Modèles, vous pouvez également parcourir ou rechercher des modèles de départ.
- Affinez votre image à l’aide de l’IA Canva ou en modifiant directement votre image. Pour en savoir plus, consultez vos designs et éléments interactifs Code Canva.
Ajoutez des éléments de code interactifs à vos designs
Accédez à Canva AI puis à Code lorsque vous souhaitez générer un seul composant interactif.
- Créez des quiz, des calculatrices, des graphiques et plus encore en tant qu'éléments.
- Ajoutez-les à des présentations, des tableaux blancs ou d'autres types de design. Publiez en tant que site Web ou réutilisez des éléments sur plusieurs designs.
- Sur la page d’accueil Canva, sélectionnez IA Canva.
- Dans la zone de prompt, décrivez l’élément de code interactif que vous souhaitez créer. Pour en savoir plus sur les prompts basés sur l’IA, cliquez ici.
- Sélectionnez </> Code.
- Appuyez sur Entrée sur votre clavier ou cliquez sur le bouton Envoyer. L’IA Canva prépare votre design d’après votre consigne.
- Après avoir généré le design de code, sélectionnez Utiliser dans un design.
- Sous Ajouter en tant qu’élément de Code, sélectionnez un type de document pour l’ajouter en tant qu’élément de Code interactif.
- Pour améliorer le design généré par Code Canva, indiquez vos peaufinés dans la zone de discussion du panneau latéral.
Remarque : vous pouvez accéder aux versions du design de votre fil de discussion avec l’IA Canva.
Modifiez vos designs et éléments interactifs générés par Canva Code
Affinez votre conception générée par le code Canva à l'aide des outils de l'éditeur. Consultez Modifier les conceptions et les éléments interactifs générés par le code Canva pour en savoir plus.
Prévisualisez et publiez votre design
Sélectionnez Aperçu pour interagir avec votre design. Une fois que tout vous semble satisfaisant, vous pouvez le publier sur un site Web. Découvrez comment publier et gérer les sites Web Canva Code.
Remarque : l’interactivité fonctionne lorsque le design est consulté sur Canva ou publié en tant que site Web.
Accédez, copiez et gérez les versions de Code Canva
Chaque fois que vous mettez à jour votre design Code Canva via un prompt, Canva enregistre automatiquement une nouvelle version dans le même fil de chat. Cela vous permet de revoir les itérations précédentes, de continuer à éditer à partir d’une version précédente ou de copier le code généré pour une utilisation externe.
Consultez l’historique de vos versions
- Sur la page d’accueil Canva, ouvrez IA Canva.
- Sous la barre du prompt, sélectionnez </> Code pour afficher vos discussions sur Code Canva dans la barre latérale.
- Remarque : vous pouvez identifier les chats de Code Canva en montrant l’ icône </> à côté de eux.
- Ouvrez un fil de discussion sur Code Canva.
- Dans la barre latérale, parcourez les versions disponibles (par exemple : Version 1, Version 2 et bien d’autres).
Remarque : si vous poursuivez dans la même discussion, une nouvelle version sera automatiquement créée.
Utiliser une version précédente
- Ouvrez la discussion sur Code Canva.
- Sélectionnez la version que vous souhaitez utiliser.
- Sélectionnez Utiliser dans un design pour continuer à modifier cette version dans Canva.
Affichez et copiez le code
Vous pouvez consulter le code sous-jacent généré par Code Canva et le copier pour l’utiliser en dehors de Canva.
- Dans votre fil de discussion Code Canva, activez la bascule Afficher le code.
- Sélectionnez Copier le code pour l'enregistrer dans votre presse-papiers.
Limitations de Code Canva
- Canva Code prend en charge toutes les langues disponibles sur Canva, à l'exception des utilisateurs de canva.cn.
- Le Code Canva ne prend que les instructions de la description que vous avez saisie ou utilisée. Plus vous donnez de contexte et d'instruction, meilleur sera le résultat.
- Le code peut être copié et réutilisé en externe, mais ne peut pas être exporté en tant que fichier ou directement modifié dans Canva.
Puis-je réutiliser le code en dehors de Canva ?
Oui. Une fois copié, le code peut être utilisé dans vos propres projets. Bien qu'il soit conçu pour Canva, vous pouvez l'adapter à des outils ou à des flux de travail externes.
Puis-je utiliser mes créations de Code Canva pour un usage commercial ?
Entre vous et Canva et dans les limites prévues par la loi, vos Données d’entrée et Résultats dans nos outils d’IA (y compris Code Canva et les Codes Canva créés) vous appartiennent, et Canva ne se prévaudra d’aucun droit d'auteur sur vos Données d’entrée ou sur Vos résultats (y compris sur les Codes Canva créés). Pour en savoir plus et connaître l’intégralité des conditions, veuillez consulter nos Conditions d’utilisation des produits IA.
Qui peut voir ce que je crée avec Code Canva ?
Vous seul pouvez consulter vos conversations avec Code Canva. Lorsque vous cliquez sur Utiliser dans un design, un nouveau design avec cette version est créé, et vous pouvez le partager (avec le Code Canva) au moyen du bouton Partager.
Si vous publiez votre design sur un site Web, le contrôle d’accès dépend des paramètres que vous définissez pendant le flux de publication du site Web.
Puis-je gérer l'accès de mon équipe au Code Canva ?
Si vous êtes admin, membre du personnel enseignant ou designer de marque, vous pouvez choisir qui peut accéder à Code Canva au sein de votre équipe ou de votre classe.
Vous ne trouvez pas le code Canva sur votre page d'accueil ? En savoir plus sur les restrictions d'accès au Code Canva.
Je ne vois pas les lignes de code changer, pourquoi ?
Canva Code utilise maintenant l'édition basée sur diff, ce qui signifie que seules les lignes de code nécessaires sont mises à jour au lieu de régénérer l'ensemble du bloc. Cela se traduit par une rétroaction plus rapide lorsque vous apportez de petites modifications à votre logique de conception.
Si vous ne voyez pas les lignes de code changer après l'envoi de l'invite, cela signifie que Canva travaille en arrière-plan pour appliquer uniquement les modifications nécessaires. Veuillez attendre que le Code Canva ait fini de générer une autre version.
Ces informations ont-elles été utiles ?
Utile
Inutiles