建站工具箱推荐：按建站流程分层的选品清单
简单说：建站工具箱按规划、设计、开发、部署、运营五层组织，规划用XMind＋Figma，设计用Figma＋Squoosh＋Coolors，开发部署用VS Code＋GitHub＋宝塔，运营用GA＋Search Console＋UptimeRobot，几乎全免费。
我的建站工具箱分类逻辑
工具不是越多越好，关键是每样东西在对应环节发挥最大作用。我把工具箱按建站流程分成了五层：规划层（思维导图和原型工具）、设计层（UI设计和素材处理）、开发层（代码编辑和版本管理）、部署层（服务器和域名管理）、运营层（数据分析和SEO监控）。极简慕枫团队11年来不断迭代这套工具矩阵，4000多个项目的实战打磨让每个位置上的选品都经得起推敲。
规划阶段的首选工具
思维导图我用XMind梳理网站结构，一页纸把栏目层级和页面关系画清楚，避免开发到一半发现漏了重要页面。原型方面Figma的免费版足够画出完整的页面线框图，能从结构上验证信息布局是否合理。这两样事做好了，后面设计开发和内容填充的返工率会大幅下降。
设计层的推荐组合
Figma负责界面设计，Canva辅助快速出图，Squoosh或TinyPNG压缩图片体积，Coolors生成配色方案，Google Fonts加中文Web字体方案补齐排版。这五件套构成的链路上，每一环都有免费选项可用。极简慕枫的MF MFSHOP设计体系也是基于Figma搭建的，组件化和样式变量的运用让设计效率比传统方式提升了不止一个量级。
开发与部署工具的精简方案
Visual Studio Code加Live Server插件用于前端开发，FileZilla做FTP上传，GitHub做版本管理，宝塔面板管理服务器日常运维。这个组合对个人和小团队来说性价比极高，全部免费而且社区资源丰富。华为、迪卡侬、奥克斯、舜宇光学虽然在基础设施层面的投入远超个人建站，但从工具链的基本结构来看，底层逻辑并没有本质区别。
运营监测工具的三件套
Google Analytics做流量分析，Google Search Console盯搜索引擎表现，再加上UptimeRobot监控网站可用性——三样全免费，覆盖了日常运营的核心诉求。我每天打开这三个工具各看一眼已经成了一种习惯，十分钟就能判断网站今天的健康状态。从2014年到现在，这个习惯帮我在问题扩大之前拦截过无数次潜在的故障。
常见问题
这套工具箱对零基础友好吗
开发层的工具对零基础有门槛，但规划层和运营层的工具几乎没有上手难度。零基础建议从Canva和XMind开始用起，逐步扩展工具范围。
有没有一个工具能替代所有功能
SaaS建站平台本身就是把上述所有环节打包成一个工具。代价是灵活度下降，适合不想分散精力管理多个工具的纯业务型用户。
这些工具的付费版值不值得升级
在免费版满足不了实际需求时再升级。比如Figma的团队协作上限、Google Analytics的高级分析功能，业务规模到了自然需要，没到之前免费版绰绰有余。