Skip to main content

Hey, I’ve got a feature that could be quite handy for me, and I believe others might welcome it as well.

 

Since we have got variables with different modes, it is a shame we cannot apply those to the main frame in which we design the UI. As one designs on eg. 1920px width, the design is not comfortably viewable on MacBook’s 1512px default resolution - it is either with black bars around (fit width, fit height) or the design gets cropped and horizontal scroll appears (responsive, actual size). It has to be then either viewed in this distorted view, or you have to change the canvas width.

 

What I suggest is being able to apply variables width and height (together with min. & max values) onto the main artboard as well - designer can then create tokens, eg:

  • Width (1200; 1512; 1740; 1920)
  • Height
  • Min/Max height (932 - for users on 1920 res screens on Chrome with a bookmark bar, 832 for users on Macs with chrome with 1512 res)

and resize the canvas on two clicks in the appearance panel.

 

When this would be especially useful is user testing - different users have diferent screen sizes and resolutions, being able to quickly adjust the view to the respondent’s device would significantly help with the UX Research results as the design would either fill the full screen, won’t be scaled down to fit width or would not have those black marks around it.

 

Lmk what yall think about this. Thanks!

Be the first to reply!

Reply