An introduction to Utopia – an approach to fluid responsive design.

https://utopia.fyi/

Further reading:
https://www.smashingmagazine.com/2021...
https://utopia.fyi/blog/

Figma plugins:
https://www.figma.com/community/plugi...
https://www.figma.com/community/plugi...

Demonstrations:
https://utopiatext.netlify.app/
https://demo.utopia.fyi/

References:
https://alistapart.com/article/respon...
https://typescale.com/
https://www.nhm.ac.uk/wpy/

Chapters:
0:00 Introduction
2:16 Origins of Utopia
3:44 Breakpoints and brokepoints
6:07 The crux of Utopia
8:57 Generating fluid CSS
10:21 Introducing fluid space
12:24 Using fluid space in CSS
14:16 Principles, challenges and benefits