Responsive design
Responsive design makes a layout adapt to the screen it is on, instead of building a separate site for each device.
Definition
Responsive design makes a layout adapt to the screen it is on, instead of building a separate site for each device.
Use case
One codebase serves phones, tablets and desktops. Your Figma frames at several widths become rules in code.
In Figma
Frames at several sizes, with constraints and auto layout
Related terms
Courses
Learn Responsive Design
A full course on making pages adapt, from media queries to images and typography.