学习教程
https://www.bilibili.com/video/BV1cP411g7AS/?vd_source=ef114f70c3fd4d5394f12dbd3d022bbe
梯度色板，JSON文件
https://www.yuque.com/uixxs/bilibili/hvc48ksv22yint98

一.分类

1.中性色：
分割线，卡片背景等
2.主色/品牌色
primary,secondary
3.功能色/反馈色
4.其他
如扩展色等

二.梯度色板工作流

学习教程
https://www.bilibili.com/video/BV1Te411P7yt/?spm_id_from=autoNext&vd_source=ef114f70c3fd4d5394f12dbd3d022bbe
1.Supa Palette
由此插件生成一套色板导出JSON文件
全选导出到Figma Tokens，导出成本地文件json
2.figma tokens
使用此插件导入梯度色板后，在此插件上自己建立样式，并在样式里调用梯度色板的颜色。

• 全选json文件内容，把代码全复制到tokens里面，save保存，选择颜色展示方式，颜色就显示出来了 在json文件中可以直接追加分类
• 在面板右侧加号处可添加分类，用“.”分隔，可在同一级里添加小类别
• 输入美元符号可调用当前梯度色板里的颜色

3.用figma tokens创建样式，在figma上使用
创建样式不勾选global,这样就没有那些多余的样式
创建完再勾选全局，样式就出来了

改token形状的颜色变了，就是联动上了，编辑TOKEN可以改颜色

要想改梯度色板里的颜色，需要改Supa Palette在这个梯度色板生成器里改，再重新生成JSON文件再重新导入即可。但是figma token有自己对应的JSON样式，所以目前supa palette 收费但好用