Are you a teacher looking to create engaging and interactive resources for your students without spending hours on design and development? Look no further than Canva Code! In my latest video tutorial, I demonstrate just how quickly and easily you can create an interactive game using this new feature.

You can play the digestion game I created here.

This blog post will give you a quick overview of the steps involved, but for the full demonstration, be sure to watch the video!

In short, Canva Code is an AI-powered coding assistant built directly into Canva. It allows you to create interactive digital tools—like games, quizzes, sorting activities, or calculators—simply by describing what you want in plain language.

Here are the key takeaways:

  • No Coding Skills Required: You don’t need to write any actual code. You type a descriptive prompt (e.g., “Create a vocabulary matching game about the digestive system for 8-year-olds”), and the AI writes the necessary HTML, CSS, and JavaScript to build it for you.
  • Iterative Refinement: If the first version isn’t quite right, you can chat with the AI to refine it, ask for design changes, or adjust the difficulty, and it will update the code accordingly.
  • Highly Shareable: Once you’re happy with your creation, you can publish it as a live website with a custom URL, making it easy to share via Google Classroom or email, or you can embed it into other Canva designs like presentations or whiteboards.
  • Built for Everyone: While it’s particularly popular with teachers for creating custom classroom activities quickly, it’s a general tool for anyone wanting to build functional, interactive web elements without the traditional technical barrier to entry.

Watch the full tutorial here:

Step-by-Step Guide to Creating Your Game:

1. Access Canva Code:

  • Open Canva and navigate to the “What will you design?” section.
  • Click on “Canva AI” and then select “Code.”

2. Craft Your Prompt:

  • You’ll use a prompt to tell Canva Code what kind of game you want to create. Be specific!
  • In the video, I demonstrate creating a vocabulary matching game for 8-9 year olds, based on the digestive system and teeth, with a food theme. I also requested a hint button that helps without giving away the answer.
  • Example Prompt: “Produce a vocabulary matching game based around digestion parts of the digestive system and teeth for 8 to 9 year olds. I want it to be food themed. I’d like a hint button that helps but doesn’t give away the answer.”

3. Generate and Review Your Game:

  • Once you input your prompt, Canva Code will get to work generating your game. This might take a moment.
  • After the game is generated, it’s crucial to try it out!
  • Check all the words, definitions, and functionality to ensure everything is suitable and spelled correctly.
  • If you need any changes, simply type your suggestions into the prompt box, and Canva Code will create a new version for you.

4. Publish and Share:

  • When you’re happy with your game, click the “Publish” button.
  • You can set up a custom URL for your game.
  • Click “Publish,” and Canva will prepare a small website for your game.
  • You can then copy this URL and share it with your students via Google Classroom, email, or any other platform.

5. Explore Further Possibilities:

  • Canva Code can do so much more! Go back to the Canva AI code page, and you’ll find inspiration for other interactive resources it can create, such as quizzes, interactive timelines, and more.

This is just the beginning of what you can do with Canva Code. In future videos, I’ll explore more advanced features, such as collecting student data and scores.

I hope you found this video and blog post useful! If you have any questions or create your own games, I’d love to hear about them in the comments.