在figma中设置CSS class/id并在导出的svg文件中声明它

Fel*_*aro 4 css svg figma

我最近经常使用 Figma 来绘制/编辑图像并将其导出为 SVG 文件,这样我就可以在应用程序的代码库中快速使用。

这样做只有一个缺点:查看 SVG 代码才能找出哪个元素是什么。

到目前为止,我必须手动浏览 SVG 来标记元素(使用类或 id),以便我可以通过 CSS 或 Javascript 正确操作它们,这是相当乏味的:-/

如果能够通过 Figma 为每个元素(路径、线、圆等)设置 id 或类并将其反映在导出的代码中,那将非常方便,我坚信一定有办法做到所以...

所以我在这里问:有没有办法在 Figma 中设置某些 CSSid属性,并在导出的 svg 代码上声明它?

Fel*_*aro 16

导出部分有一个复选框“包含 id 属性”。它将元素的图层名称作为 id 属性插入到生成的 svg 标签上。

菲格玛