Edit Canva Code-generated interactive elements
If you've used Canva Code to create an interactive feature in your design like a quiz, calculator, or countdown, you can edit that directly in Canva. There's no need to go back to the AI prompt or start over.
This guide shows how to customize interactive design and elements created with Canva Code from the editor.
This feature is a premium AI tool that counts toward your monthly AI usage. Your access depends on your plan. Learn more about AI access in Canva.
Edit interactive elements
- Open a design that includes a Canva Code-generated element.
- Click on the interactive element to select it.
- In the toolbar that appears, select Edit. This opens the Edit panel, where you can:
- Add or change the title and subtitle.
- Use the toggle switches to show the export button, search bar, and tag filters. Note: The options in the Edit panel may look different depending on what Canva Code has generated. Some buttons, like Export, Share, or Tag filter, may not always be available.
- To edit fonts and colors:
- In the toolbar, select a color tile to open the color panel.
- In the color panel, choose your preferred color. The background and button colors will adjust automatically.
- Select a font from the dropdown menu (including Brand Kit fonts) to apply it to the entire interactive element.
- You can also increase or decrease the font size using the toolbar controls.
- Select the Animate button to add visual effects.
- Select the Position button to open the Arrange and Layers panel. Adjust the arrangement or layering of the Canva Code-generated interactive element alongside other elements in your design.
Can’t find Canva Code on your homepage? Know more about Canva Code access restrictions.