Claude 3.5 Sonnet Artifacts功能预览：可视化交互操作指南

要手动开启 Artifacts 预览功能，你可以通过以下四种途径中的任意一种来完成：第一，在账户设置的“功能预览”部分找到 Artifacts 开关并启用；第二，留意对话界面底部的快捷启用提示通知；第三，通过特定链接直接跳转到配置页面；第四，成功开启后，你可以在界面右侧的容器中实时预览和编辑生成的代码，并快速下载 PNG 格式的图片。

如果你已经登录 Claude.ai 平台，并且希望启用 Artifacts 预览功能来实现代码、图像等内容的实时可视化交互，那么需要手动开启这项实验性能力。具体的操作路径与交互说明如下：

一、通过账户设置启用 Artifacts

此方法适用于所有主流浏览器访问 claude.ai 时的操作。系统将 Artifacts 功能放在了“功能预览”管理面板中，开启后即可在对话界面右侧生成专用的预览面板。

1、登录 claude.ai 后，点击页面左下角你的账户名称或头像。

2、在弹出的菜单中选择“Feature Preview”选项。

3、在打开的弹窗中找到名为“Artifacts”的功能卡片。

4、将卡片右下方的开关滑动至开启状态（会显示为蓝色）。

5、关闭弹窗，刷新当前对话页或新建聊天窗口，右侧区域将自动出现 Artifacts 容器。

二、通过底部提示通知快捷启用

当 Artifacts 功能尚未启用并且系统检测到适用场景时，会在输入框下方显示一次性提示通知，点击即可直达设置页完成启用。

1、确保当前模型已切换为 Claude 3.5 Sonnet。

2、在对话输入框中任意输入一条测试指令，例如“用HTML写一个带标题的空白页面”。

3、若未启用 Artifacts，输入框下方将出现浅色提示条：“Artifacts功能可用，点击启用以获得实时预览”。

4、点击该提示条，页面将跳转至“功能预览”面板并自动聚焦 Artifacts 开关。

5、开启开关并返回对话页，再次发送相同或新指令，右侧即出现可切换“预览”与“代码”视图的 Artifacts 容器。

三、通过直接链接强制跳转启用

此方法绕过界面导航，适用于通知未触发或菜单项异常隐藏的情况，使用固定 URL 可立即定位到 Artifacts 配置页。

1、在浏览器地址栏中粘贴并访问以下链接。

2、页面加载完成后，确认顶部标题为“Feature Previews”。

3、向下滚动至功能列表，定位“Artifacts”卡片。

4、检查开关右侧是否显示“Enabled”字样；若为“Disabled”，点击开关使其变为启用状态。

5、关闭当前标签页，重新打开 claude.ai 主界面，Artifacts 功能即刻生效。

四、Artifacts 容器内可视化交互操作

启用成功后，每次 Claude 生成支持渲染的内容，右侧容器将自动加载对应结果，并支持双向编辑与即时反馈。

1、在对话中输入指令，例如“请帮我用代码画一个红色的圆和一个蓝色的正方形”。

2、等待响应完成，右侧容器默认以“预览”模式展示图形效果。

3、点击容器顶部的“代码”按钮，进入源代码编辑视图。

4、修改其中颜色参数，例如将“red”替换为“yellow”，保存更改。

5、点击“预览”按钮，容器立即刷新，显示更新后的黄色圆形与蓝色正方形。

6、在预览模式下，将鼠标悬停于右上角，会出现下载图标，点击即可将当前渲染结果直接保存为 PNG 图片。