figma
什么是figma
Figma 是一个在线 UI/UX 设计工具，专门用来画界面原型、设计稿、交互流程图。
“标注”（Design Specs / 设计标注）就是在设计稿上把界面元素的各种参数标出来，让开发能精确还原 UI。常见标注内容有：
- 尺寸：元素的宽、高、边距、间距。
- 位置：元素相对于父容器或其他元素的定位。
- 颜色：颜色值（十六进制 #RRGGBB 或 RGBA）。
- 字体：字号、字体家族、字重（粗细）、行高。
- 效果：阴影、圆角、透明度等。
- 资源：图标、图片的文件名、格式、分辨率。
在前端开发里（无论是 Flutter、Web、iOS、Android），Figma 最大的日常用途之一，就是看 UI 标注。
Flutter 前端的典型工作流
- 设计师在 Figma 做好 UI 设计稿。
- 前端（Flutter 开发者）在 Figma 用 Inspect 模式查看标注：
- 宽高、间距 → 用
SizedBox、Padding、Margin实现。 - 颜色、字体 → 填到
TextStyle、Container的color、borderRadius等。 - 图标/图片资源 → 下载切图，放进 Flutter 的
assets。
- 宽高、间距 → 用
- 对照标注写 Flutter 代码，尽量 1:1 还原设计。
安装和导入figma
下载地址：https://www.figma.com/downloads/
点击导入
蓝湖
蓝湖是什么
蓝湖（Lanhu）其实就是中国版的 Figma + Zeplin，主要是给设计师和开发做协作的平台。
它重点是设计文件管理和标注协作，本身不是一个设计工具（设计稿还是用 Sketch/PS/XD 做），但对国内团队来说网络更稳定、适配国内设计软件。
使用蓝湖
在 figma 中下载蓝湖插件：
右键 —> plugins —-> manage plugins
搜索lanhu
点击
save保存
然后回到之前的页面，右键 —> plugins，就看看到lanhu的插件，点击插件，会提示我们需要登录
登录成功之后，回到figma。就会看到一个上传的页面。选好项目（项目需要再蓝湖里面创建），配置好选项，就可以点击上传
上传成功之后，我们就可以在蓝湖的
test项目里面看到在figma里面上传的内容
