Hi there, I need help, I try to create CUSTOM SF Symbol in Figma using SF Variable Template.
After importing my custom symbol to SF symbol custom folder, icon looks filled with one solid color.
Do you have idea what I’m doing wrong? Or do you know some better tool or workflow? thanks
Using SF Symbol template Variable, made 3-Small: Ultralight, Regulas, Black icon, Regular scale up and down to make other, no vertex count changes. Naming and guides are the same as in template.
Hi!
I might have some kind of workaround for that (but I don’t think that this is the right way to do it).
Basically you need to duplicate the layer directly in SF symbols by clicking on the “+” button at the bottom left corner of the rendering menu.
This will create a new layer with the same icon. After that, select all the elements that should be transparent, choose “erase”, and then drag this layer above all your other layers.
In your case, duplicate the layer using the plus button. On the top layer, select “Subpath 2” and choose “erase” from the drop-down menu. On the bottom layer, select “Subpath 1” and choose “draw” from the drop-down menu.
As I’ve said, this doesn’t feel right and I’m pretty sure there is a cleaner way to do it, but this seems to work for me. 🙃
Yeh this worked for me, had to use the layers tool in SF to fix it, break thing out of the main layer group as new one, group some bits I wanted to animate together, or the whole thing and then set up all the colours in the other modes as well. As long as the layers have been brought in then it seems to work.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
