Liquid UI in figma (Meta ball UI) Color blend Method

Опубликовано: 25 Май 2026
на канале: Codelaby
389
4

Learn how to create a liquid UI effect in Figma, also known as a Metaball UI, using color blending techniques. This tutorial demonstrates a step-by-step method using layers from top to bottom:

Start with a Rectangle, set to black, and apply a .colorBurn blend mode.
Add a second Rectangle, using the color code #242424, and set the blend mode to colorDodge.
Incorporate geometric figures and enhance them with shadows, using a blur of 20 and a spread of 16.