设计工具
Figma（首选推荐）
目前全球和武汉最流行的UI设计工具。基于浏览器运行、支持多人实时协作、插件生态丰富、免费版就很够用。武汉90%以上的设计团队都在用Figma。
优点：协作无敌（设计师/产品经理/开发者可以同时在同一个文件上工作）、云端保存不怕丢失、分享方便（一个链接就能让人查看和评论）、Dev Mode方便开发者获取标注和资源。
缺点：离线能力弱（虽然有所改善）、超大文件可能卡顿、中文输入法在某些情况下有小问题。
Sketch（Mac专属）
曾经的老大现在市场份额被Figma蚕食了不少。仍然是很多资深设计师的最爱——特别是纯Mac环境的团队。插件生态也很成熟。
缺点：只能在Mac上用、不支持Windows、协作不如Figma方便、需要手动同步文件。
Adobe XD
Adobe出品的UI设计工具。如果你已经在用Adobe全家桶（PS/AI）可能会觉得顺手。和Adobe的其他工具集成较好。
缺点：更新速度慢、社区不如Figma活跃、很多设计师反映不够稳定。
原型和交互工具
Figma自带的原型功能：对于大多数项目够用了——可以定义页面间的跳转/过渡动画/交互状态。武汉大部分团队不再单独买原型工具。
ProtoPie / Principle：需要做高保真复杂交互原型时用。比如模拟真实的表单验证/手势操作/数据加载等。武汉做金融/教育类复杂产品的团队偶尔会用。
设计资源和灵感
Dribbble / Behance：全球最大的设计作品展示平台。武汉很多优秀设计师在上面发布作品。找灵感/找设计师/了解设计趋势的首选。
站酷（ZCOOL）：中国最大的设计师社区。武汉设计师非常活跃——上面有大量本地案例和设计师作品集。招人/找外包/看趋势都可以在这里。
Awwwards / CSS Design Awards：全球最佳网站设计奖项。看看世界顶级的网站设计是什么样的——对标最高标准。
从设计到代码
手写HTML/CSS：最灵活但对前端能力要求高。武汉大多数中小型项目的做法。
Tailwind CSS： utility-first 的CSS框架——直接在HTML里写样式类名。开发速度极快且不会产生冗余CSS。武汉光谷的新兴项目大量采用。
组件库：Ant Design（蚂蚁出品，B2B项目首选）/ Element Plus（Vue生态）/ Material UI（React生态）/ Bootstrap（老牌但依然好用）。直接用现成组件搭建页面又快又一致。
Webflow / Framer：可视化建站工具——设计稿直接发布为网站无需写代码。适合非技术团队快速搭建营销型网站。武汉一些市场和运营团队自己在用。