figma

[!info] related notes

• 相关工具: Adobe Photoshop, ui-design-essentials

它彻底改变了设计行业的运作模式，几乎已经成为互联网大厂和创业公司的标准配置，甚至把曾经的霸主 Sketch 挤下了神坛。

以下是它的核心介绍：

1. 核心杀手锏：实时协作 (Real-time Collaboration)

这是 Figma 最大的革命性创新，被称为**“设计界的 Google Docs”**。

• 多人同屏： 一个设计文件可以由几十个设计师同时打开。你能清楚地看到队友的鼠标光标（带名字）在屏幕上移动，大家可以同时修改同一个页面，不再需要像以前那样把文件传来传去（不再有 final_v2_真的最后版.sketch 这种噩梦）。
• 评论与反馈： 产品经理和开发人员可以直接在设计图上打点评论，沟通效率极高。

2. 平台无关性 (Web First)

• 打开即用： Figma 是基于浏览器的。这意味着无论你用 Mac、Windows 还是 Linux，只要有浏览器就能画图。这解决了 Sketch 只支持 Mac 的痛点。
• 云端存储： 所有文件都在云端，自动保存，不需要按 Ctrl+S，也不用担心电脑崩溃文件丢失。

3. 强大的功能特性

• 自动布局 (Auto Layout)： 这是让设计师爱不释手的功能。它模拟了前端代码（Flexbox）的逻辑，当你修改按钮里的文字长度时，按钮背景会自动伸缩，排版会自动对齐，极大减少了重复劳动。
• 组件系统 (Components)： 你可以建立一套设计规范系统。修改一个主组件（比如改变品牌色），整个项目里成千上万个用到该颜色的页面会自动同步更新。
• 开发模式 (Dev Mode)： 专门为程序员设计。开发人员可以点击设计图，直接复制 CSS、iOS 或 Android 代码参数，不仅能看间距，还能看代码逻辑。

4. 现状

Adobe 曾试图以 200 亿美元收购 Figma，但最终因反垄断监管失败。这反而证明了 Figma 在行业内不可替代的独立地位。

总结

Figma 是现代界面设计的代名词。 如果你是做网页设计、App 设计或者产品原型，Figma 是你必须掌握的工具。它让设计不再是一个人的孤岛，而是一个团队的游乐场。