工具
这里整理了一些我长期会反复打开的工具网站和学习网站。标准很简单:足够清晰、真的省时间、能帮助思考和表达,而不是只是看起来很新。
现在按 AI 工具、设计与灵感、开发与效率、学习与课程四类整理,更接近真实日常使用顺序。
按分类快速过滤当前工具清单,也可以直接搜索工具名称。默认显示全部。
当前显示全部分类
当前筛选:全部
AI 工具
设计与灵感
Whimsical
适合做信息架构、流程图和页面结构梳理,作为早期结构表达工具很高效。
Figma
界面设计、原型和协作反馈都很顺手,适合把想法快速可视化。
tldraw
适合快速画流程、草图和结构示意,比正式设计工具更轻,也更适合讲思路。
Excalidraw
手绘感很自然,适合梳理复杂问题、讲思路和做轻量草图讨论。
Mobbin
适合系统看成熟产品的界面模式,找交互参考和页面承接很有帮助。
Awwwards
适合看高质量网站设计案例,拿来做参考和审美训练会很有帮助。
Framer
适合把网页设计和上线流程接得更近,做 landing page 和作品页很常见。
Dribbble
适合快速看视觉表达和界面细节,但更适合做灵感收集,不适合直接照搬。
Behance
适合看完整项目案例和表达方式,尤其适合研究作品集结构和叙事方式。
Penpot
开源设计工具代表之一,适合关注协作设计和开放生态的人。
开发与效率
MDN
前端基础最稳定的资料库之一,查 HTML、CSS、JS 都很顺手。
roadmap.sh
适合快速看清一条学习路径,尤其在前端、后端和工程方向上很实用。
GitHub
代码托管、版本管理和项目协作的核心入口,也是维护个人项目最稳定的基建。
Regex101
适合快速测试正则、解释匹配逻辑和调试文本规则,解决小问题特别高效。
Carbon
适合把代码片段快速做成更适合分享的图片,在博客或社交媒体里很好用。
Vercel
适合前端项目和静态网站部署,上线和预览流程很顺,适合个人项目。
Netlify
静态网站托管的经典方案,适合表单、部署预览和简单前端项目。
Stack Overflow
很多具体报错和边角问题仍然能在这里快速找到答案或历史经验。
Raycast
适合把系统操作、片段、搜索和插件集中到一个快速入口里。
学习与课程
Coursera
适合系统学一门课,尤其在产品、数据、商业和技术入门上比较稳。
YouTube
适合找设计、产品、开发和 AI 工具的实操内容,重点是筛选长期值得看的频道。
Refactoring UI
适合理清界面设计和视觉层级的基础原则,尤其对产品和前端很友好。
freeCodeCamp
适合边学边做练习,尤其适合把前端和开发基础一点点补扎实。
Udemy
适合按主题快速补课,尤其在工具使用、实操型内容和职业技能上选择很多。
Khan Academy
适合补基础能力,尤其在数学、逻辑和系统化学习节奏上很稳。
DeepLearning.AI
适合系统看 AI 方向课程,尤其在大模型、提示工程和应用理解上很常见。
Atlassian Guides
适合系统看项目管理、协作流程和产品实践方法,偏团队工作流和规范建设。