Implementing Responsive UI Logic with Figma Auto Layout
Learn how to use Figma Auto Layout to bridge the gap between design and code by applying Flexbox logic to your UI components.
Loading…
ReadMeFeed / Community knowledge
#ui-design
Real questions. Useful conversations. Find the people who know your stack.
Stop duplicating artboards for every button state in Adobe XD
Use Adobe XD component states to prototype hover, pressed, and disabled button interactions in one component instead of managing separate artboards.
Scale UI Icons in Photoshop Without Losing Quality: The Smart Object Trick
When UI designers resize icons, raster scaling blurs edges. Photoshop Smart Objects let you resize, filter, and duplicate icons non‑destructively, keeping the source crisp and all instances in sync. Learn to set up a smart‑object library, run an example, and see the file‑size trade‑off.
photoshopBuilding 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.
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.
gimp