使用Canva Code创建交互式设计
AI编程，让你可以创建响应式、互动式设计，无需编写代码。你可以通过两种方式使用AI编程：
- 创建互动式代码设计
- 创建完整的互动式设计，例如落地页、控制面板或作品集，还能在Canva编辑器中编辑并发布为网站
- 在设计中添加互动式代码素材
- 在其他设计中创建测验、计算器或图表等互动式素材，并在多个设计中重复使用
温馨提示：
- 了解有关此功能如何计入您的人工智能使用的更多信息。
- 了解如何编写更好的提示，以最大限度地提高您的人工智能津贴。
创建互动式代码设计
如果你想打造完整的互动体验，请使用代码设计类型。
- 创建落地页、看板、作品集等
- 在Canva可画编辑器中进行编辑并润色
- 发布为响应式网站
- 在Canva首页上，选择编程。 Canva编辑器将打开。
- 在Canva可画编辑器中，先在Canva可画AI助手标签中描述你的设计。你可以输入类似“设计一款互动式的、用户友好的运动追踪器”等提示内容。
- 或者，在“模板”标签上，你也可以浏览或搜索要开始设计的模板。
- 使用Canva AI或直接编辑功能来润色设计。请参阅编辑你的互动式AI编程设计和素材，了解如何操作。
在设计中添加互动式代码素材
如果想要生成单个交互式组件，请转至Canva AI 。
- 创建测验、计算器、图表等素材。
- 将这些设计添加到演示文稿、白板或其他设计类型中。发布为网站或在多个设计中重复使用素材。
- 在Canva可画首页，选择Canva AI。
- 在提示框中描述你想创建的交互式代码元素。在此处了解有关AI提示的更多信息。
- 选择</>验证码。
- 按键盘上的 Enter 键，或点击提交按钮。 Canva AI会根据你的提示准备你的设计。
- 生成代码设计后，选择在设计中使用。
- 在作为素材添加到下，选择文档类型将其添加为互动式代码素材。
- 要改进AI编程生成的设计，请在侧面板的聊天框中提示你的改进之处。
注意：你可以在与Canva AI的聊天中访问设计版本。
编辑互动式AI编程生成的设计和素材
使用编辑器中的工具，优化AI编程生成的设计。查看编辑用AI编程生成的互动设计和素材，了解更多信息。
预览并发布你的设计
选择“预览”即可与设计进行互动。一切就绪后，你就可以将其发布为网站。了解如何发布和管理AI编程网站。
注意：只有在Canva可画上查看设计或将设计发布为网站时，才能发挥互动性。
访问、复制和管理AI编程版本
每次根据提示更新AI编程设计时，Canva可画会自动在同一聊天话题中保存新版本。这使你可以重新访问更早的版本，继续编辑之前的版本，或复制生成的代码以供外部使用。
查看版本记录
- 在Canva首页上打开Canva AI。
- 在提示栏下，选择</> 代码即可在侧边栏查看AI编程聊天内容。
- 注意：你可以通过聊天旁边的</>图标来识别AI编程聊天。
- 打开一个AI编程聊天列。
- 在侧边栏中，浏览可用的版本（例如：版本1、版本2等）。
注意：继续在同一聊天中提示会自动创建新版本。
使用之前的版本
- 打开AI编程聊天列。
- 选择想要使用的版本。
- 选择在设计中使用，继续在Canva可画中编辑旧版本。
查看并复制代码
你可以查看并复制Canva可画代码生成的基础代码，以便在Canva可画之外重复使用。
- 在Canva代码线程中，打开显示代码切换。
- 选择复制代码以将其保存到剪贴板。
AI编程限制
- AI编程支持除canva.cn用户以外的所有语言。
- AI编程仅从你输入或使用的描述中获取指令。提供的背景和说明越多，生成的结果就会越好。
- 可以复制代码并在外部重复使用，但无法导出为文件或直接在Canva可画中进行编辑。
我可以在Canva可画之外重复使用验证码吗？
是的。复制后，即可在自己的项目中使用代码。此应用专为 Canva可画打造，但你可以对其进行调整，以适用于外部工具或工作流程。
我可以将AI编程中的作品用于商业用途吗？
在你与Canva可画之间，在法律允许的范围内，你拥有我们AI功能的输入和输出（包括Canva可画代码和创建的Canva可画代码）的所有权，Canva可画不会对你的输入或输出作出任何版权所有权声明（包括创建的Canva可画代码）。如需了解更多详情和完整条款，请参阅我们的AI产品条款。
谁可以看到我使用AI编程创建的内容？
只有你可以看到你与AI编程的对话。点击 在设计中使用 时，系统会创建一个具有该版本的新设计，你可以使用“分享” 按钮分享该设计（包括Canva可画代码）。
如果你将设计发布到网站，那么访问控制是由你在网站发布流程中配置的设置进行控制的。
我能否管理团队对AI编程的访问权限？
如果你是管理员、教师或品牌设计师，你可以选择团队或班级中能够访问AI编程的成员。
无法在主页上找到Canva可画代码？ 了解有关Canva代码访问限制的更多信息。
为什么我没有看到代码行数的变化？
Canva可画代码现在使用基于差异的编辑，这意味着仅更新必要的代码行，而不是重新生成整个块。当你对设计逻辑进行细微更改时，此功能可以更快地反馈给你。
如果你在发送提示后没有看到代码行发生变化，则表示Canva可画正在后台运行，仅应用必要的更改。请等待Canva Code完成生成其他版本。
此内容是否有帮助？
有帮助
没帮助