Figma

浏览器端界面设计和协作工具，适合先确定布局、组件和交互状态。

核心说明

Figma 适合在写代码前整理页面结构、组件状态和响应式变化。它不是最终实现，设计稿仍需要通过浏览器验证可用性和真实内容密度。

关键点

• 先建立间距、颜色和文字层级变量。
• 同时设计 loading、empty、error 和 hover 状态。
• 交付时注明尺寸、行为和资源，而不只给一张静态图。