![rem figma rem figma](https://i.ebayimg.com/images/g/UMsAAOSwqWNgVuka/s-l640.jpg)
As a starting point, many will use browser defaults and start with 16px (or 1 rem). Overview: In this approach, a base font size is selected (usually the size you will use for body copy). That, combined with the wide-variety of device resolutions (which are not always divisible by 8), will undoubtedly throw some of your measurements off slightly! In code, there is no underlying grid that objects snap to. Tip: While this approach can feel rigid, my recommendation is to use 8-point grids as a guide for the design process, but not necessarily reinforce them to the nth degree when QA-ing your designs in production. Moving objects around the canvas during the design process can be greatly simplified by adjusting your "big nudge" setting to 8px in Figma. The math is easy when adding, subtracting, dividing, and multiplying values. Pros: This is one of my favorite approaches to establishing typography scale.
![rem figma rem figma](https://i.ebayimg.com/images/g/dO8AAOSwyWxb04tb/s-l300.jpg)
This makes it easier to establish vertical rhythm (top and bottom spacing between elements) and maintain vertical alignment of text across columns. Purpose: In this system, the goal is for all of your line height values to be multiples of 4 so they correspond to your grid spacing. In order to achieve this, the focus here is really more on the line-heights than the exact font sizes. The type baselines will sit on on the 4-point grid. Designers will often use an 8-point grid for spacing and sizing with a 4-point baseline grid for typography. Overview: In the 8-point grid system, everything is spaced and sized using numbers that are multiples of 8.
#Rem figma how to
There is no shortage of philosophies on how to determine what these sizes will be, but here are a few common approaches (along with relevant links to learn more about each of them):Ĩ-point grid with 4-point baseline system
![rem figma rem figma](https://live.staticflickr.com/4714/25185741287_09e94febd6_z.jpg)
There is no magic number that defines how many styles or sizes you will need - for example, in this article creative director Dan Mall details his experience getting a lot of range from just 7 sizes.