@wonderlust101
Posted
This is not much a guideline but a personal opinion from a person who regularly uses Figma. You can trust the parameters IF the website design is static and will never change.
However, as you know, as coders, we must make the design responsive and accessible, so that many people from all over the world with unique devices whether its a phone or a computer can access the site/design/game or whatever.
So when looking at Figma and its parameters, you can use the values but maybe when you look at it, instead of using width: 40rem
from Figma for example, you can use max-width: 40rem
or width: (95%, 40rem)
to make it more responsive. Also, Figma tends to make everything display: flex
when the solution could be better solved as a display: gird
.
There are several YouTuber the I recommend on improving CSS but the one that I always recommend is Kevin Powell. He also has videos where he codes designs from this site so I can recommend him if you want so tips on CSS.
TL;DR: You can reference the values but don't copy everything that Figma puts for better responsiveness and accessibility.