Figma — 设计稿在浏览器里，改一个像素全员实时看到
为什么推荐
Figma 2016 年发布，是第一款真正跑在浏览器里的专业 UI 设计工具，2022 年被 Adobe 以 $200 亿收购（目前独立运营）。它改变了 UI 设计的工作方式——以前设计师用 Sketch（仅 macOS）做稿，导出 PNG/PDF 给开发和产品看；现在所有人打开同一个 Figma 链接，实时看到最新设计，评论直接标在像素上。
设计能力：矢量编辑、布尔运算、Auto Layout（类似 CSS Flexbox 的响应式布局）、Constraints（响应式约束）、Component（组件）和 Variant（变体）系统——维护 Design System 的核心。原型（Prototype）功能支持交互连线、Smart Animate 过渡动画、Overlay 弹层，够做中等复杂度的交互 demo。FigJam 白板适合头脑风暴和用户旅程图。
Dev Mode（2023 年推出）让开发者可以直接查看 CSS/iOS/Android/SVG 代码标注，复制色值、间距、字体参数，不用猜「这个 padding 到底是 12 还是 16」。社区有海量免费 UI Kit（Apple Design System、Material Design 等）和插件（Iconify、Unsplash、Content Reel 等）。免费版 3 个 Figma 文件 + 3 个 FigJam 文件，Professional $15/编辑者/月。国内访问需要稳定网络。
亮点
- 多人实时协作，改动能即时同步
- Component + Variant 设计系统管理
- Dev Mode 自动生成开发标注
- 社区免费 UI Kit 和插件生态庞大
适合谁
UI/UX 设计师、产品经理、前端开发者
支持平台
Web, Windows, macOS