Tools
Figma
UI 设计协作标准——浏览器里画设计稿，开发者直接查看尺寸和样式。
它是什么
Figma 是一个基于浏览器的协作式 UI 设计工具。设计师画界面，开发者可以直接查看 CSS 属性、导出资源、获取设计 token。
为什么重要
前端开发者不需要成为设计师，但需要会看图、会量尺寸、会导出资源。Figma 的 Dev Mode 让开发者能快速提取颜色、间距、字体信息。
核心概念
FramesComponentsAuto LayoutDev ModeDesign TokensPrototyping
我的使用体验
我主要用 Figma 看设计稿和查样式，不自己做复杂设计。Dev Mode 提取 CSS 值很方便。简单的页面布局偶尔自己拖一拖做个草稿。