如何提取Figma模板中显示为背景图的线性渐变背景色？

• 选中背景图片图层，右键选「Copy/Paste」→「Copy as SVG」，复制完整的SVG代码
• 用文本编辑器打开复制的SVG代码，找到<linearGradient>标签块：这里面的stop-color是渐变的颜色值，offset是颜色对应的位置占比，x1/y1/x2/y2则是渐变的方向参数
• 把这些参数转换成CSS线性渐变代码：比如SVG里渐变方向是x1="0" y1="0" x2="1" y2="1"，颜色节点是stop-color="#FF7A00" offset="0"和stop-color="#FF0080" offset="1"，对应的CSS就是linear-gradient(135deg, #FF7A00 0%, #FF0080 100%)
• 注意：如果SVG里是用url(#grad-id)引用渐变的，要找到对应id的<linearGradient>定义部分，那才是真实的渐变参数

内容的提问来源于stack exchange，提问作者esraa