Responsive Design with Figma Auto Layout

An experiment with Figma Auto Layout. The visual design is based on my real M+H project here.

Responsive Design: The width of the display adjusts to the screen size of the browser or device (mobile/tablet/desktop).

Non-responsive Design: Fixed width regardless the size of the browser/device.


  • Tool: Figma.
  • Key Feature: Auto Layout (Fill container, Hug content, Fixed layout)