微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决在 figma 中设置 CSS 类/id 并在导出的 svg 文件中声明

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

我只有一个缺点,就是查看 SVG 代码以找到什么元素是什么。

到目前为止,我需要这样做,以便能够手动标记元素(使用类或 ID),然后通过 CSS 或 Javascript 正确操作它们。

这很乏味:-/

并且因为能够通过 figma 为每个元素(路径、线、圆等)设置一个 id 或一个类并将其反映在导出的代码中会非常方便,所以我认为有必须是插件或技术才能这样做...

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

解决方法

导出部分有一个复选框“包含 id 属性”,该复选框将元素的图层名称附加为元素 html 标记上的 id 属性。

Figma

耶?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。