Learn Glassmorphism Design

[Insaign]

Glassmorphism designs are quite difficult to create using Adobe Illustrator as vectors, but it's much easier to design them in Figma or Adobe XD. The problem is, when exporting these designs as vectors from Figma or XD, the only option is SVG. And once you open that SVG file in Illustrator, all the glassmorphism effects get lost. So, the question is—do the contributors who upload glassmorphism designs or icons actually create them directly in Illustrator?

If they create the design in Illustrator, like a glassmorphism icon design, then how is it done, and where can I learn it? I didn’t find many videos on YouTube about glassmorphism icon design using Illustrator.

[Monika Gause · Accepted solution]

For glassmorphism you need a live effect that can blur all objects below the object that effect has been applied to. 

Creating this kind of effect alone is sort of possible with object copies, masking and Gaussian blur, but will probably still not match the result from Figma. And that's why glassmorphism probably won't be available soon in Illustrator.

On top of that: all the glassmorphism designs I've seen so far do not convince me in terms of accessibility

[Insaign]

right, thanks!