Building Responsive UI Components with Figma Auto Layout
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.
Loading…
ReadMeFeed / Community knowledge
#ui-design
Real questions. Useful conversations. Find the people who know your stack.
figmaFigma Auto Layout Button Group Guide
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.
Using Adobe XD Auto-Animate to Create Smooth Button Transitions
Learn how to set up Auto-Animate in Adobe XD for quick, code-free prototyping of interactive elements.
How Figma Auto Layout Turns Manual Resizing into One‑Click Responsiveness
Figma’s Auto Layout automatically reflows child elements, letting designers create responsive frames without manual resizing.
Designing with Thymeleaf: Previewing Templates in a Browser Without a Server
Thymeleaf’s natural templating feature lets designers open raw HTML files in a browser and see a realistic prototype, while preserving Thymeleaf attributes for later rendering. Learn how to set up natural templates, avoid pitfalls, and keep design and development in sync.
thymeleafOrganizing Complex GIMP Projects with Layer Groups
When you work on UI mockups, photo composites or multi‑page designs, the Layers dialog can quickly become a long list of individual layers that are hard to manage. Layer Groups let you bundle related layers into a collapsible container, simplifying visibility and selection.
gimpSpeed Up Repetitive Layouts in Adobe XD with Repeat Grid
Learn how Adobe XD’s Repeat Grid speeds up repetitive layout work while keeping styles in sync and allowing per‑instance content overrides.
xdAdobe XD Repeat Grid: Building a Card List Without Copy-Paste Drift
Adobe XD's Repeat Grid turns one card design into a synchronized list: per-cell text and image overrides, bulk image fill by dragging a folder, and layout edits that propagate to every cell.
Choosing Between Flat Symbols, Nested Symbols, and Overrides in Sketch
Learn when to use flat Symbols, nested Symbols, or overrides in Sketch for a maintainable UI component library, with a concrete button‑icon example and validation steps.