需手动启用Artifacts预览功能：一、账户设置中开启Feature Preview里的Artifacts开关；二、通过底部提示通知快捷启用；三、访问https://claude.ai/new?fp=1直接配置；四、启用后可在右侧容器实时预览、编辑代码并下载PNG。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您已登录Claude.ai平台并希望启用Artifacts预览功能以实现代码、图像等内容的实时可视化交互，则需手动开启该预览能力。以下是具体操作路径与交互说明：
一、通过账户设置入口启用Artifacts
该方式适用于所有主流浏览器访问claude.ai时的操作，系统会将Artifacts功能置于Feature Preview管理面板中，启用后即可在对话界面右侧生成专用预览容器。
1、登录claude.ai后，点击页面左下角您的账户名称或头像。
2、在弹出菜单中选择【Feature Preview】选项。
3、在打开的弹窗中找到名为【Artifacts】的功能卡片。
4、将卡片右下方的开关滑动至开启状态（显示为蓝色）。
5、关闭弹窗，刷新当前对话页或新建聊天窗口，Artifacts区域将自动出现在界面右侧。
二、通过底部提示通知快捷启用
当Artifacts功能尚未启用且系统检测到适用场景（如输入含“画图”“生成HTML”等指令）时，会在输入框下方显示一次性提示通知，点击即可直达设置页完成启用。
1、确保当前模型已切换为Claude 3.5 Sonnet。
2、在对话输入框中任意输入一条测试指令，例如“用HTML写一个带标题的空白页面”。
3、若未启用Artifacts，输入框下方将出现浅色提示条：“Artifacts功能可用，点击启用以获得实时预览”。
4、点击该提示条，页面将跳转至Feature Preview面板并自动聚焦Artifacts开关。
5、开启开关并返回对话页，再次发送相同或新指令，右侧即出现可切换【预览】/【代码】的Artifacts容器。
三、通过直接链接强制跳转启用
该方法绕过界面导航，适用于通知未触发或菜单项异常隐藏的情况，使用固定URL可立即定位到Artifacts配置页。
1、在浏览器地址栏中粘贴并访问以下链接：https://claude.ai/new?fp=1。
2、页面加载完成后，确认顶部标题为“Feature Previews”。
3、向下滚动至功能列表，定位【Artifacts】卡片。
4、检查开关右侧是否显示“Enabled”字样；若为“Disabled”，点击开关使其变为启用状态。
5、关闭当前标签页，重新打开claude.ai主界面，Artifacts功能即刻生效。
四、Artifacts容器内可视化交互操作
启用成功后，每次Claude生成支持渲染的内容（如HTML、SVG、Python绘图代码等），右侧Artifacts容器将自动加载对应结果，并支持双向编辑与即时反馈。
1、在对话中输入指令，例如“请帮我用代码画一个红色的圆和一个蓝色的正方形”。
2、等待响应完成，右侧容器默认以【预览】模式展示图形效果。
3、点击容器顶部的【代码】按钮，进入源码编辑视图。
4、修改其中颜色参数，例如将“red”替换为“yellow”，保存更改。
5、点击【预览】按钮，容器立即刷新，显示更新后的黄色圆形与蓝色正方形。
6、在预览模式下，将鼠标悬停于右上角，出现下载图标，点击可将当前渲染结果直接保存为PNG图片。
