A new responsive design approaches beyond breakpoints — Container queries are a groundbreaking concept in the world of web design and have the potential to fundamentally change the way we approach responsive design in the browser. As the design landscape evolves, it becomes essential to envision how container queries will impact our design processes in Figma. In this…

A Config 2023 update you might have missed — Figma released plenty of new impressive features during Config 2023, and a fresh dev mode was introduced. Dev mode is packed with impressive functionalities like a property playground, version history, and the ability to designate sections as ready for development. Yet, despite its immense value in bridging the gap between…

Sharing and Collaboration in Figma — Hi, I’m Christine. I run a learning platform called moonlearning, where I talk and teach about UX, UI, and primarily Figma. My main focus is this magic area where design meets code to improve collaboration. …

As you all loved Advanced Figma Tips & Tricks and Prototyping Tips & Tricks, here is the third part: In this article, I’ll share some of my favourite tips and tricks when it comes to Figma components, from simple shortcuts to powerful plugins when it comes to working with Figma…

Little hidden gems we love — As you all loved the annual Figma tips and tricks so much, here is a special edition just for prototyping. A summary of some gems I picked up along the way that have helped streamline my workflow and some that made my documentation easier. For this article, I’ve decided to…

Enabling a constructive dialogue between UI design and development — Originally published via Smashing Magazine We must understand the possibilities and limitations of each other’s tools to work hand in hand so let me show you the design side of things and all the little Figma treasures you might not yet understand fully. We work with components & variants We…

Full guide on how and when to use what — the right way — Figma gives us impressive features when it comes to setting up responsive design. But let’s face it, responsive design can also be a recipe for disaster if you don't know what you are doing. …

How to set up and test truly responsive design components — So we can set up responsive pages Figma With the help of auto layout, constraints and grids, we can set up almost any responsive behavior we want in Figma. Knowing those Figma features in and out and when to use which one is crucial. …

May 2022 release — What’s new, what’s old, what’s just a bit different — The new auto-layout was updated and announced during config in May 2022. Some stayed the same, some features are brand new and exciting and some stuff just moved or comes with sweet little details you should not miss. Give me 5 min of your time and I will bring you…