rubber content. How to make in Figme?

Question

Figma

I don’t know all the subtleties of the rubber design, or rather, I always made it adaptive.
And the client asked for rubber content on the site. How to do? I read a bunch of everything, one theory. No numbers, no examples, no step by step instructions...

Answer 1

offtopic...

Не знаю зачем люди отвечают про верстку... Я думаю автор вопроса имел ввиду сам дизайн как рисовать... а не как верстать... ну или я дурак... не правильно понимаю их... Через DevInspector (F12) вы можете посмотреть как у других готовых сайтов какие то блоки меняются в зависимости от экрана)

I don't know if this will help you, but roughly it looks like this. That is, you make several design options for different screen sizes.

Answer 2

Open DevInspector (F12 key) and press Ctrl+Shift+M.
Then find among the settings a tab with a list of devices.
The main thing in responsive layout is flex-layout and CSS media queries.
Well, what else can you say...

Answer 3

In fact, it all comes down to the correct binding of the object relative to the Frame, somewhere you need to set Constraints - “Scale”, somewhere “Left & Right”.
Here's a good example of a guy making a fluid graph
(better to look at acceleration, because there is a lot of chatter)
and another changing the width of the components depending on the widths ... And there is also a Responsive
plugin for viewing responsive design