ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Figma’s Auto Layout lets you build responsive components, but deep nesting and mixed sizing can hurt performance. This post explains how the constraint solver works, shows a practical nesting example, and offers trade‑offs and best practices to keep files snappy.
Learn how to use Adobe XD's Auto Layout to build responsive UI components that adapt to content and screen size. Follow a step‑by‑step guide, verify with resizing tests, and recover layout changes if needed.
Learn how to pick Auto Layout constraints for Figma components so they resize predictably without manual repositioning.
A diagnostic guide for Figma Auto Layout frames that collapse, clip text, or overflow unexpectedly, with checks and fixes for Hug and Fill behavior.
Learn how to use Figma Auto Layout to create responsive UI components. This guide covers Hug vs. Fill settings, absolute positioning, and how to avoid over-nesting.
Learn how Figma’s Auto Layout keeps button groups aligned and spaced when items are added or removed, with a step‑by‑step example and notes on limitations.
A decision guide for choosing between Figma Auto Layout and manual constraints when building responsive UI components, with a concrete card example and Dev Mode validation steps.
Learn how Figma’s Auto Layout creates responsive frames that behave like flexbox, with a step‑by‑step button‑group example, performance notes, and verification steps.
Component Variants collapse sprawling per-state components into one master with explicit properties. Here's how they work with auto-layout and libraries, a concrete button example, and where they break down.
figma
xd