I want to make design for web application and I am facing difficulty choosing the frame size to begin with, for desktop.
The problem is Figma’s prototypes are NOT responsive, it is simply not available as a feature. By that, what I mean is this -
Even if you make completely responsive design for the device type, by using constraints, grids and columns, auto-layout etc, you have a responsive frame in the design file, you can drag its corner and see you design react responsively, but when you run the prototype, it just displays the frame as is.
So if you leave your frame the size of android frame and then run the prototype with iPhone device, the frame will remain the size of android and thick black borders will appear on the side and bottom. Figma prototype do NOT resize the frame to match device size.
So, to get consistent prototype experience for user testing and stakeholder reviews, the frame size should be same as prototype device size. Which is another problem, as the prototype devices available are Macbook pro 14" and 16", which are of sizes I am not comfortable beginning with 1512x982 (although I might have to).
Plus there is another issue, in static websites height doesn’t really matter as the user will scroll it, but in web applications it does, for example if I want to keep a floating action button at the bottom right corner with certain distance from the bottom, or if for a dashboard I want to know where is “above the fold” line. Also with different browsers different viewports are available made shorter by the tab bar, search bar, bookmarks bar etc.
So considering all these issues, what frame size is best to begin with, so that I can have consistent prototypes to be used for user testing and stakeholder reviews?