Skip to main content
Solved

Responsive image gallery using Auto Layout?

  • November 26, 2023
  • 2 replies
  • 854 views

Hello!
Can I achieve this responsive effect in Figma in project mode and then show it to the client in a prototype?

Example: Responsive image gallery

Using the autolayout wrap feature images in the gallery always remain the same size, meanwhile I need an effect in which all images enlarge or shrink depending on their number on the screen and the screen width.

I’ve been struggling with creating a fully responsive image gallery for several days and I’m starting to doubt whether it’s even possible in Figma.
I would be very grateful for your help in clarifying this problem.

I am aware of the additional problem of maintaining the images aspect ratio, but I’ve already found a solution using the Ratios plugin.

All the best,
K.

Best answer by Celine_D

Hi Kacsper,
Here an article how to create a responsive card with auto layout and constraints that may help you: https://help.figma.com/hc/en-us/articles/18894664907287-Create-a-responsive-card-with-auto-layout-and-constraints#h_01HENQTV77H9MM13V27PWCQVDJ

View original
This topic has been closed for comments

2 replies

Celine_D
Figmate
  • Community Support
  • 3443 replies
  • Answer
  • November 27, 2023

Hi Kacsper,
Here an article how to create a responsive card with auto layout and constraints that may help you: https://help.figma.com/hc/en-us/articles/18894664907287-Create-a-responsive-card-with-auto-layout-and-constraints#h_01HENQTV77H9MM13V27PWCQVDJ


Thank you. It’s not perfect, but close enough to show the idea to clients.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings