{"p":"","h":{"iv":"ROXSYW+cfvEbFHu5","at":"ocxplSQjdRC3tXEtB/9/wg=="}}

EDIT: Okay so! I made a claim that Figma embedded a PNG in an SVG and it is possible that what happened was a designer put a raster image into figma and then the engineer who exported this assumed it was built from individual elements. It looks like if you group non-raster elements and export SVG it will give you a zip with a single, non-exploded-into-individual-layers SVG file.

My mistake, once again bitten by people not using Figma how Figma wants you to use it

20
Share
Share on Mastodon
Share on Twitter
Share on Facebook
Share on Linkedin
Andrew

@darius I found this out a couple of weeks ago, I was so cross. Just don't offer it if you can't do it!

0
1y
Matt Schneider

@darius lol. lmao.

0
1y
bcj

@darius figma balls indeed

0
1y
Pauxlll Kruczynski

@darius I ❤️ design software in *checks calendar* 2023

0
1y
Greg Brown

@darius Lmao this rules

0
1y
taylor, cube

@darius love 2 have design software that does malicious compliance

0
1y
Annika Backstrom

@darius big "made that SVG, boss" energy

0
1y
Allen Tan

@darius lol wait what

0
1y
Rey

@darius oh NO! that's... that's not what ANYONE means by that!! o.O

0
1y
Darius Kazemi

allow me to recommend a piece of software that I am very happy paying $10/year for: Boxy SVG

It is the answer to the age old question: what if visually editing SVGs was intuitive and produced absolutely no junk markup

boxy-svg.com/

(I have no affiliation, this is not me selling something, I just like the software, it's free for most of what you want to do but $10/year for "pro" features)

2
1y
Alex Crocker

@darius there’s no way this is true… usually I don’t export though. I right click on a group and choose Copy as SVG from the context menu and it’s an actual svg

1
1y
Gabriel N

@darius This tip takes some work but produces good results and small SVGs. forum.figma.com/t/awesome-tip-

I believe it should be possible to switch the png embedded with a wepp, wich is even smaller, but haven't done the test yet.

I have also build animations using rasters within an SVG done with this method.

0
1y
Gracious Anthracite

@darius

*internal screaming*

0
1y
Darius Kazemi

I will fav any and all "figma balls" jokes

1
1y
Niels van Rongen

@darius that explains why at work I recently had to replace an “SVG” with a PNG embedded inside of it. 🤔

0
1y
clar fon

@darius this is like how imagemagick will gladly convert any image for you to SVG by embedding it directly into an SVG canvas

1
1y
Woozle Hypertwin

@darius The phrase "customer lock-in" comes to mind...

0
1y
qdot

@darius Figma export in general is just an absolute shitshow. I was looking to automate a UX dev pipeline last week and it really does seem my options are "rebuild manually on output platform" or "spend as much time fixing up exports as it would take to rebuild manually"

0
1y
2 tons gina

@darius what the heck, i've never had this happen over...years? is the selection you're trying to export all vector?

1
1y
Wirry Loberts

@darius that’s embarrassing 😬

0
1y
Replies