Simulating fluid design in Figma: a practical guide

Fluid design makes websites adapt seamlessly to any screen size, but getting that same flexibility in design tools has always been tricky. With Figma’s variables and modes, you can finally create layouts that scale dynamically—just like they do in code. This guide walks you through setting up a fluid design system in Figma using Utopia’s tools, so your designs stay smooth, flexible, and as close to the real thing as possible.