Support noise effect from SVG exported from Figma
<svg width="255" height="255" viewBox="0 0 255 255" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_n_1_5)">
<circle cx="127.021" cy="127.021" r="127.021" fill="#FF7575"/>
</g>
<defs>
<filter id="filter0_n_1_5" x="0" y="0" width="254.042" height="254.042" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feTurbulence type="fractalNoise" baseFrequency="0.71641594171524048 0.71641594171524048" stitchTiles="stitch" numOctaves="3" result="noise" seed="7505" />
<feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise" />
<feComponentTransfer in="alphaNoise" result="coloredNoise1">
<feFuncA type="discrete" tableValues="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/>
</feComponentTransfer>
<feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped" />
<feFlood flood-color="rgba(0, 0, 0, 0.25)" result="color1Flood" />
<feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1" />
<feMerge result="effect1_noise_1_5">
<feMergeNode in="shape" />
<feMergeNode in="color1" />
</feMerge>
</filter>
</defs>
</svg>
Lauren
shared this idea
-
Same deal as with conical / angular gradients: Illustrator just doesn’t support fractal noise.
Again, there is a request: http://illustrator.uservoice.com/forums/333657/suggestions/33859159
I believes Ai could try to rasterize it on import... but dropping something you can’t read at all is a way too.
Still a valid entry, but not sure it’s exactly a bug, I’d say a missing feature. -
Lauren
commented
```
<svg width="352" height="352" viewBox="0 0 352 352" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_g_1_6)">
<circle cx="175.875" cy="175.875" r="127.021" fill="#FF7575"/>
</g>
<defs>
<filter id="filter0_g_1_6" x="7.62939e-06" y="7.62939e-06" width="351.751" height="351.751" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feTurbulence type="fractalNoise" baseFrequency="0.17057523131370544 0.17057523131370544" numOctaves="3" seed="5432" />
<feDisplacementMap in="shape" scale="97.708602905273438" xChannelSelector="R" yChannelSelector="G" result="displacedImage" width="100%" height="100%" />
<feMerge result="effect1_texture_1_6">
<feMergeNode in="displacedImage"/>
</feMerge>
</filter>
</defs>
</svg>
```
