Octopus.do

Octopus.do 是免费的视觉站点地图与网站规划工具，官方称提供带 lo-fi 线框的站点地图，用于快速规划网站架构。它把可视化规划、内容组织、发布与导出集中在一起，适合在动手建站前先理清楚栏目层级与导航结构的人，也支持把规划接进 AI 代理工作流，减少来回返工，让结构先定再施工。

核心能力

• 可视化站点地图：便捷查看网站架构，理清页面层级关系。
• 内容组织：个人或团队规划网站内容，统一信息架构。
• 发布网站：启动带清晰导航的简单网站，快速验证结构。
• 随处导出：导出多种文件格式或对接流行服务，便于交接。
• AI 代理建图：可在 ChatGPT、Claude、MCP、API 中创建与编辑站点地图。
• SEO 与线框：内置 SEO 分析与 lo-fi 线框，辅助早期决策。
• 辅助功能齐全：含报价估算、上传设计稿、Figma 同步、AI 助手等能力。
• 团队协作：内容规划支持多人共同参与，方便一起对齐信息结构。 爬虫导入：可导入 URL 快速生成站点结构草图。 Figma 同步：支持与 Figma 同步，衔接设计稿。

适合谁

• 建站前需要先画结构图、理清栏目的个人与团队。
• 用 ChatGPT 或 Claude 工作、想把站点规划接进代理流的设计师。
• 做客户网站、要快速出规划方案与估算的代理。
• 需要把 Figma 设计与站点结构同步的产研协作。
• 建站前需要给客户出报价与方案文档的自由职业者。

使用建议

• 先用导入 URL 或空白起步，把栏目与页面层级画清楚再建站。
• 接 ChatGPT、Claude、MCP 时注意权限，避免代理误改已定结构。
• 导出的格式与对接服务以官网当前支持为准，发布前再核。
• 这是规划工具而非建站器，落地仍需配合建站平台使用。
• 官方有「10 步规划一个网站」教程与内容规划系列博客，动手前值得花时间读一遍。
• 客户项目可先在这里定结构并导出附件给客户确认，减少会议来回。