Claymorphism Tutorial

Learn how to create claymorphic style visuals!

My Claymorphism article has become quite popular, and because of that many designers started asking how to achieve this effect in Figma.

If you haven’t yet read the original piece, you can find it here:

Claymorphism in user interfaces

Tools?

The tutorial is done in Figma — because it’s popular, but it works nearly exactly the same in all the design tools. I personally work in Sketch and most of the visuals you see in the cover videos for Claymorphism were also done in Sketch.

How claymorphism works?

If you need a little more context, it’s simply all about inner shadows enabling that fluffy, inflated, 3d look. Add a deep, blurred shadow underneath and you’re practically done!