Skip to main content
Question

Template help

  • September 25, 2021
  • 2 replies
  • 879 views

Michael_Williams

Hi im building a website and just have some questions when it comes to sizing this can be primarily because i haven’t got to the development stage but when prototyping my elements and text just seem to big can s someone assist me with the standard sizing say for text in a web site and mobile app is is 18 px for web and 14 for mobile app and what about the elements and components created what size should i generic rectangle be on 1900 x 1080 is this a good standard size for websites or should i scale and use the generic frame size? Please let me know thanks

This topic has been closed for replies.

2 replies

wolfr
  • Active Member
  • 21 replies
  • September 25, 2021

For type sizes, I have some go-to sizes, indeed between 14 and 18px for body text. You are right on different sizes for websites and app contexts. It depends a lot on the x-height of the font used as well.

As for frame sizes, a modern website is responsive, providing a good layout for mobile, tablet and desktop. There is such a wide range of sizes. I think using Figma’s standard frame sizes is a good idea (you can see this when you hit F for a new frame.)

1920 x 1080 sounds a bit large to me, that’s a 1080p TV size - or that would be a website on a large monitor. I wouldn’t recommend using that size unless you are doing the “large screen mockup” of a website or doing something TV-specific.


  • 0 replies
  • October 25, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings