使用 OpenDesign，将清晰的需求说明转化为响应式网站前端，无需从空白画布开始。应用免费且开源；使用自己的密钥时，模型服务仍可能产生费用。
品牌化前端 · 真实文件 · 继续使用你的编程智能体
响应式产品网站，重点突出产品优势，搭配编辑风格的摄影图片和可复用版块，且不受平台锁定。
选购台灯
“为一款小巧的桌面台灯设计精致的产品发布网站。设置一个主要购买按钮，清晰展示产品优势和规格，并采用我之后可以编辑的响应式页面。”
通过这个示意性的产品网站方案，了解页面层级、产品图片和购买路径。它只是设计概念，并非客户制作的成果，也不是经过测试的导出结果。
这个概念为产品清晰地呈现介绍、优势和购买入口。要在 OpenDesign 中将其打造为网站，请提供已获批准的素材和产品信息，生成前端，然后检查响应式布局和导出文件。应用免费；生成和发布费用取决于你选择的服务。
区分免费的部分和仍可能收费的服务。这比把所有依赖项都藏在一个“免费”徽章后面更实用。
免费且开源
桌面应用和生成的网站前端使用自己的密钥
服务商、模型、用量和预算可编辑的输出
检查、导出并继续开发配置服务商或导出源文件
托管费用、域名和运营成本在决定模型和发布费用之前，先检查网站及其导出文件。
生成可见的网站体验：导航、版块、响应式布局、可复用组件和样式。
检查 HTML、CSS、JavaScript、素材和组件结构，并在文件中继续修改。
导出 HTML，或导出网站源文件和素材，检查你将保留的内容。发布集成需要单独配置相应服务商。
OpenDesign Cloud 使用服务点数；使用自己的密钥则按服务商的计费方式收费。通过已配置的服务商发布，并不意味着域名或基础设施免费。
OpenDesign 应用免费且开源。你选择的模型服务商、托管公司、域名注册商或后端服务仍可能产生费用。
将生成、发布和运营作为明确的选择，而不是把它们打包成一项不透明的订阅。
说明目标受众、页面、视觉风格，以及网站需要帮助访客完成的一项操作。
连接你想使用的模型工作流，并将服务商费用与建站工具费用分开。
检查页面层级、产品依据、导航和内容密度，再判断首次生成的结果是否完善。
在 OpenDesign 中进行可视化优化，或使用 Codex、Claude Code、Cursor 或常用编辑器继续开发。
保留这个产品网站布局。用我提供的素材和事实替换所有占位图片和宣传内容。发布前，请列出所需文件和外部服务。
关键在于区分免费应用和免费模型使用。OpenDesign 提供开源工作空间和文件导出功能；生成费用则由你选择的编程智能体、API 服务商或 Cloud 服务决定。
“为一款小巧的桌面台灯设计精致的产品发布网站。设置一个主要购买按钮，清晰展示产品优势和规格，并采用我之后可以编辑的响应式页面。”
选择可用的设计系统，并围绕你的需求说明生成内容；使用这个开源工作空间，无需另行订阅网站建站工具。
可将静态前端部署到你选择的任意静态文件托管服务，也可连接现有后端。
可编辑文件就是实际成果，而不是设计完成后才需付费解锁的附加功能。
配置自己的服务商，或使用现有的编程智能体工作流，无需每次设计都强制购买建站工具点数。OpenDesign Cloud 是单独的付费服务选项。
应用费用、模型计费、文件导出，以及制作首个网站的预算规划。
OpenDesign 是一款免费开源的桌面应用。你可以生成并编辑网站前端，无需购买专有建站工具的订阅。如果使用收费的模型服务商、托管服务或域名注册商，这些服务仍会另行收费。
包含。导出不是需要单独付费的建站工具套餐。请检查实际导出的 HTML 或源文件与素材包；模型访问和发布服务费用另计。
免费应用不包含域名注册和基础设施费用。配置服务商后，你可以使用受支持的部署集成，也可以导出文件并采用自己的发布工作流。
可以。配置服务商、端点和模型，然后测试连接。相关用量由服务商单独计费。如果编程智能体需要读取和编辑项目文件，应使用本地编程智能体工作流；BYOK 与 OpenDesign Cloud 的配置方式并不相同。
使用这款应用设计作品集、产品网站、初创公司网站和小型企业前端，无需支付建站工具费用。你选择的编程智能体、模型服务商或 OpenDesign Cloud 套餐仍可能收取生成费用。动态后端和基础设施费用另计。
