2

How can I apply a transformation to a shape in Sketch, so that on export it actually changes the SVG coordinate values instead of just applying the transformation with a transform-property?

I made an arrow like such, you can see the rotation value in the image. I want to get rid of the rotation value (90 deg) and still keep the arrow pointing downwards.

How can I accomplish this?

enter image description here

2 Answers 2

1

I don't know any trick to do it inside Sketch (without any plugin). If someone has a better reply, I'll delete mine.

What you can try is to use SVGO.

Here's the Sketch plugin.

Here's a Web GUI if you want to try it without installing the package.

I tried with an arrow downloaded from flaticon, and it removed the 90° rotation I applied. Those two parameters seem interesting : convertPathData and convertTransform.

2
  • Don't delete your answer please, even if someone comes up with a better one. It's good to have different answers, even when they might not be what the OP expects.
    – Billy Kerr
    Commented Apr 20, 2020 at 15:09
  • 1
    Alright, I'll keep it then :)
    – Clafouti
    Commented Apr 20, 2020 at 16:13
0

@Johan Dahl

Select the arrow shape and then go to Layer > Combine > Flatten.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.