Canva Code a été lancé en avril 2025, à l’occasion du Canva Create, pour générer des sites, des applications ou des pages interactives à partir d’un prompt, sans recourir au code. Un an plus tard, Canva dévoile Canva Code 2.0, disponible dès aujourd’hui sur l’ensemble de ses abonnements, y compris les comptes gratuits.
Cette nouvelle version ajoute plusieurs fonctionnalités à l’outil, avec un objectif affiché : rapprocher la génération de code des usages déjà en place sur Canva.
Il n’est pas encore possible de déplacer librement les éléments d’une création : cette action nécessite une nouvelle requête adressée à l’IA. Canva positionne par ailleurs l’outil sur des expériences front-end à échelle modeste, sans viser les sites nécessitant un back-end complexe ou un trafic important.
Canva Code 2.0 est disponible sur l’ensemble des formules de Canva : gratuite, Pro, Business, Enterprise et Éducation. L’outil est accessible depuis la page d’accueil, via l’IA Canva, ou directement depuis un design existant, dans l’onglet Éléments.
Dans l’exemple ci-dessous, nous avons créé un site pour un tournoi de football pour enfants. Le site a été généré par Claude, puis nous avons importé le code dans Canva. Comme annoncé, la plateforme est capable d’assimiler le code et nous présente exactement la même interface que celle produite par l’IA d’Anthropic.
Par la suite, il est possible d’ajouter des modifications avec un prompt, ou de modifier le texte (contenu, typographie, fonte couleur) en cliquant sur l’option Utiliser dans un design. Dans notre exemple, Canva parvient à réaliser les modifications conformément à nos instructions.
De manière générale, Canva Code est utile pour créer ou modifier un site simple, sans compétences en code. Nous pouvons, en revanche, déplorer que la logique de glisser-déposer, qui a fait le succès de la plateforme de design, ne soit pas pleinement opérationnelle. Une lacune qui touche directement à l’ADN de Canva et que les prochaines versions de l’outil devraient chercher à combler.
Integer iaculis ultrices velit nec tempor. Pellentesque aliquet est massa, sit amet tempor mi auctor nec. Mauris a nibh sed libero fermentum aliquet. Quisque sit amet faucibus magna. Do purus mi, commodo id commodo vel, im perdiet ut mauris. Ut ultricies arcu risus, males uada efficitur orci euismod in. Proin ele est risus, ac sodales nulla mollis vel. .
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
In nec libero luctus, aliquet turpis at, vehicula nisi. Cras eget mauris in nisl tempus lobortis.
Neque porro quisquam est, qui is dolor emr ipsum quia dolor sit amet the consec tetur is adipisci velit, sed Neque porro.