KPC
Kevin Powell - Community•6mo ago
ShrimpTuna

Figma and translating designs

Hey quick question, I've just recently started learning Figma coming from a fullstack background. Do you use auto-layout in Figma primarily so it matches up with how you would create it in CSS? or is it all absolute positioning just to get it how you want it to look? Also, should I care about pixel perfect matching between Figma and CSS? with auto-layout it seems like a lot of nesting inside frames because it doesn't have all the alignment options that you can do in CSS
1 Reply
Maynards
Maynards•6mo ago
I'm still on my Figma journey, but I use auto layout a lot and always get it to be pixel perfect. I then use that as a guide for translating to HTML/CSS. I don't strive for a 1:1 mapping/relationship between Figma layout nesting and the final HTML/CSS. I tend to only use absolute positioning for putting frames behind other ones (E.g. backgrounds).
Want results from more Discord servers?
Add your server
More Posts
If the grid-items had different heights and gap had to be between them is of 20px.In the below codepen, the gap shows too much between, how to make sure that row gap and column gap iShould I use margin-block or traditional margin properties?Recently learned about the margin-block property in CSS, which sets margins based on the writing dirHello, I found this semi-solution to animating <details> and was wondering of the drawbacksI found this blog https://dev.to/neophen/css-only-accordion-with-animations-2d8n, and modified the tMaximize image size, minimize column widthhttps://codesandbox.io/p/sandbox/columns-rsfszr?file=%2Fsrc%2FApp.tsx%3A17%2C50 I am trying to lay