Skip to main content

There are possibilities to display “responsive” Design, but all include designing multiple Screens. Would be nice, if i can simply bind Component-States to Frame-Width, mayby by a simply if statement or something like that. This would reduce the effort to display every Screensize in a seperate Frame (screen), but rather just resize the Frame. I can allready do this, by using auto-layout, but some Elements change entirely by Screensize (as it can be for Menus for example)


Example:

In the Component “Menu” define:


if

Width of Frame123 = 1440px - set-State: Desktop.

width of Frame123 < 500px - set-State: Mobile.


Would extremly reduce the effort of displaying different Screensizes and have a all-in-one Screen where for example the Menu switches from Tabs to a Burger Menü or similar simply by resizing the parent Frame. Since “normal” Elements, that dont change entirely i can exactly do this by using auto-layout…

Hello @Urban1, Thank you for sharing your thoughts on this! I appreciate your detailed explanation.


I am truly impressed by your idea and understand how beneficial it could be for you and other community members.


I have tried searching for any plugins that could potentially help in this situation but haven’t found any so far. Feel free to explore on your own if you have the time: https://www.figma.com/community


We are excited to see how the community responds to this. If anyone in our community agrees with this idea, please vote or comment to show your support.


Thank you once again for your valuable input!


Reply