设计工具 MOC

这张地图覆盖什么

这张地图覆盖设计师日常使用的工具与资源，按用途组织：

• UI/UX 设计工具（Figma、Lunacy 等）
• 图像处理与查看（Photoshop、IrfanView、抠图工具等）
• 配色与取色工具（JC Picker、Pipette、Just Color Picker）
• 灵感与素材平台（Dribbble、Behance、Pinterest、ArtStation、Mobbin）

从这里开始

1. Figma — 最流行的 UI/UX 协作设计工具
2. Adobe Photoshop — 专业图像处理
3. 按下方分类找到具体工具

核心笔记

UI/UX 设计

• Figma — 全球最流行的 UI/UX 设计工具，实时协作、云端存储
• Lunacy 的使用 — Lunacy 设计工具使用指南

AI 辅助设计与开发

• AI UI 设计工具对比 — 2026 主流 AI UI 设计与原型工具横向对比与选型
• Google Stitch — Google Labs 出品的 AI UI 设计与开发工具，支持草图与导出 Figma
• v0 — Vercel 出品的前端生成式 UI 系统，直接输出 React / Tailwind 代码
• Figma Make — Figma 内置 AI 设计与高保真原型生成工具
• Lovable — 全栈 AI 应用构建器，一站式生成 MVP 与自动部署
• Magic Patterns — SaaS 级别的 AI 设计系统与多组件原型构建工具
• Galileo AI — 顶尖审美高保真 UI 视觉稿 AI 生成工具
• Open Design — 开源自主部署的多模型 Claude Design 替代方案

图像处理

• Adobe Photoshop — 专业图像处理与视觉设计
• IrfanView — Windows 平台轻量图像查看与批量处理
• Image Matting — 高精度抠图与前景提取工具
• Picthing — 面向内容创作者的背景移除工具

配色与灵感

• JC Picker — 屏幕像素级取色与色彩管理工具
• Pipette — 小巧免费的屏幕取色工具
• Just Color Picker — 屏幕取色工具
• Pinterest — 视觉探索引擎与图片分享平台
• Dribbble — 全球设计师作品展示社区
• Behance — Adobe 旗下创意作品展示平台
• ArtStation — 游戏、影视、概念设计作品平台
• Mobbin — Apps 和 Sites 的 UI 参考图片网站

相关 MOC

• 前端基础 MOC — 前端开发基础知识