Figma
API
Web to code extension
Adobe XD
Discord
Twitter
GitHub
Blog
如何使用Claude Design发布网站1 min read
Reading Time: < 1 minuteClaude Design 非常清楚地表明了一件事：人工智能生成的设计不再是一个副实验。 Anthropic 推出了一种新的方式，通过提示和对话迭代来创建精美的视觉作品、原型、单页机和品牌资产，并支持共享和导出。对于产品团队来说，这是一个有意义的信号。
但强大的人工智能生成设计和真正的公共网站之间仍然缺少一步。这一步就是发布。
如果您正在使用 Claude Design 并询问如何发布网站、上线、获取反馈并作为专业团队不断迭代，这就是工作流程。 Claude Design 帮助您创造体验。 Anima 帮助您将 Claude Design 文件变成实时网站 您可以编辑、扩展、发布和连接到您的域。
如何使用Claude Design发布网站
如果您的目标是 使用 Claude Design 发布网站，最简洁的工作流程是使用 Claude Design 作为起点，然后使用 Anima 将其剩余的路径带到实时站点。
这是分步流程：
- 在Claude Design中，点击“呈现”→“新标签”
- 打开 Anima Chrome 扩展
- 点击“立即生成”
- 聊天以编辑和添加功能
- 点击发布即可上线
这是最短的答案 如何使用Claude Design发布网站：在新选项卡中展示设计，打开 Anima Chrome 扩展，单击“立即生成”，通过聊天进行完善，然后发布。
立即尝试 Anima
立即获取 Anima Chrome 扩展并发布 Claude Design 网站.
Claude Design是什么？
Claude Design 是 Anthropic 的全新 AI 原生设计产品，作为研究预览版推出，帮助人们通过提示、编辑和迭代创建精美的视觉作品。 Anthropic 将其描述为一种用于创建原型、产品模型、演示文稿、单页机和其他视觉资产的工具，支持对话编辑、评论、滑块、导出和团队设计系统。 这一定位直接来自 Anthropic 的发布公告.
这很重要，因为它反映了比新功能发布更重要的东西。它反映了真正的市场转变。
多年来，设计工具主要与绘图有关。然后人工智能工具开始生成屏幕。现在，像 Claude Design 这样的工具正在向更专业的方向发展：人工智能可以产生精美的、具有品牌意识的设计输出，感觉更接近实际的产品工作。
这很令人兴奋。但这也产生了一个新问题： 如何从 Claude Design 转到实时网站？
为什么出版很重要
私人设计项目与实时网站不同。
您可以拥有强大的视觉方向、精美的原型，甚至是令人信服的单页程序，但仍然没有用户可以访问的内容。
出版是作品成为现实的时刻。
您的团队将在此时获得：
- 公共URL
- 利益相关者可以在上下文中打开的东西
- 一个可以测试和迭代的网站
- 您可以分享的品牌目的地
- 真实产品表面的开始
这就是为什么 上线 这不是一个小步骤。在这里，生成的设计不再是内部输出，而是开始成为软件。
为什么在Claude Design之后使用Anima？
Claude Design的探索能力很强。它可以帮助团队快速从提示转变为精美的视觉结果。 Anthropic 还表示，它支持导出为独立的 HTML、PDF、PPTX 和 Canva 等格式，并且可以在项目准备好构建时将工作交给 Claude Code。
但导出与发布和共享草稿或以零设置发布完整网站不同。
文件是一个输出。实时网站是一个工作流程。
这就是 Anima 的用武之地。 Claude Design 为您提供起点后，Anima 让您继续前进：
- 通过聊天编辑设计
- 改善结构和响应能力
- 添加产品功能
- 发布到公共链接
- 连接您自己的域
这就是人工智能工件和专业发布工作流程之间的区别。
从生成设计到实际产品
目前设计中最有趣的事情不仅仅是人工智能可以生成用户界面。而是设计变得更早变得可执行。
旧的流程如下所示：
简介→线框→模型→移交→构建→发布
新的流程正在崩溃：
提示→原型→完善→发布→不断迭代
这就是 Claude Design 的有趣之处。它缩短了完善第一个版本的路径。
这就是 Anima 在此工作流程中如此重要的原因。它将第一个版本变成了一个实时网站，而不是让它成为一个美丽的死胡同。
Claude Design 适用于专业团队
产生令人印象深刻的东西的人工智能和适合真实团队工作流程的人工智能之间存在很大差异。
专业团队关心的不仅仅是速度。他们关心工艺、迭代、协作、系统一致性以及事物从想法转变为实际产品的速度。
Claude Design 之所以引人注目，是因为它为 AI 原生设计指明了更严峻的未来。 Anthropic 的产品框架强调精美的输出、对话式的细化以及对团队设计系统的支持，这超越了人工智能生成 UI 的玩具阶段。
但专业人士还需要问：
- 这能很快成为一个活跃的网站吗？
- 生成后我们可以继续编辑吗？
- 我们可以在不从头开始重建的情况下添加功能吗？
- 我们可以发布到品牌域吗？
- 我们可以将其用作真实的产品表面，而不仅仅是原型吗？
这就是 Claude Design 到 Anima 工作流程很重要的原因。它尊重 Claude Design 所擅长的领域，同时解决严肃团队真正关心的下一步问题。
为什么此工作流程比导出时停止更好
如果仅导出，则会以文件结束。
如果您通过 Anima 发布，您最终会在互联网上获得一个活动对象。
这种区别听起来很小，但它改变了一切。
实时网站可以在上下文中进行审查、发送给客户、向投资者展示、在移动设备上进行测试、通过聊天进行更新以及连接到域。它可以成为真正项目的基础。
这就是演示和产品之间的区别。
对于提出要求的团队 如何发布网站 人工智能设计工具的输出才是重要的答案。
Claude Design 是一个信号。发布就是解锁。
Claude Design 是软件制作方式更广泛转变的一部分。设计变得更加对话化、更具创造性，并且与实施的联系更加紧密。
这对于产品团队来说是个好消息。这意味着想法和第一个版本之间损失的时间更少。
但真正的解锁不仅仅是生成速度更快。它的运行速度更快。
Anima 是帮助团队跨越这座桥梁的层。
常见问题解答
如何使用Claude Design发布网站？
使用“当前”和“新建”选项卡在 Claude Design 中打开您的设计，打开 Anima Chrome 扩展，单击“立即生成”，使用聊天来完善和添加功能，然后单击“发布”上线。
Claude Design可以直接发布网站吗？
Claude Design 支持导出和共享，包括根据 Anthropic 的发布材料的独立 HTML，但想要可编辑的实时发布工作流程的团队可以使用 Anima 将结果转换为公共网站。
从Claude Design上线最快的方式是什么？
最快的工作流程是以 Claude Design 为起点，然后以 Anima 进行编辑、添加功能并发布到公共 URL。
为什么在Claude Design之后使用Anima？
因为 Anima 有助于弥合生成设计和实时网站之间的差距。它可以让您通过聊天不断迭代、添加功能、公开发布以及连接您自己的域。
这个工作流程适合专业的产品团队吗？
是的。它对于登陆页面、演示、概念站点、快速实验、产品营销页面以及需要快速从设计转移到公共 URL 的早期产品表面特别有用。
导出和发布有什么区别？
导出为您提供一个文件。 Publish 为您提供了一个人们可以打开、查看、测试和共享的实时网站。
