Figma里怎么把组件库的Assets资源同步到本地项目？

这个问题其实挺常见的，我之前也踩过坑，直接复制SVG确实容易崩，命名乱、样式对不上、版本不同步……真正靠谱的做法是走「设计系统自动化」这条线，核心思路是让Figma里的Assets生成代码资产，再集成进项目。

目前最稳的方案是用 figma-tokens 或 Style Dictionary + Figma 这套组合。简单说就是：设计师在Figma里把组件库的属性（颜色、圆角、阴影、图标等）用命名规范标好，然后通过插件导出为JSON或CSS变量，前端项目再用 Style Dictionary 把这些设计令牌转成你项目里能用的格式（比如CSS变量、SCSS变量、TS类型定义），图标的话可以走 Iconify + Figma to SVG 流程。

举个具体例子：
你团队的组件库里有个图标叫 icon-check，设计师改了颜色，只要他在Figma里把颜色值改到设计令牌里（比如 color-icon-success），然后跑一次导出脚本，前端这边拉一下新JSON，再构建一次，图标颜色就自动更新了，不用手动复制。

如果你们还没上自动化，先别硬啃Figma插件，可以先用 Figma to SVG 这个插件批量导出SVG（带命名），然后配合 SVGR 转成React组件，这样至少能解决命名和复用问题。不过长期看，还是得建一套 tokens 流程，不然迟早要被设计变更折磨死。

另外提醒一句：别用Figma插件直接生成React代码——很多插件生成的代码又臭又长，维护起来比手写还累，不如只导出设计数据，自己写脚本映射。

CSS的话，现在推荐直接用 :root 里定义变量，比如 --color-icon-success，前端和设计对齐变量名，改完Figma导出再同步，比硬绑SVG路径靠谱多了。