#How do frontend developers convert Figma designs into HTML/CSS code?

2 messages · Page 1 of 1 (latest)

bold yarrow
#

I'm a backend dev, and just start to watch the SaaS App Full Course 2025, I have some experience with the website knowledge like HTML、CSS.
But I'm curious how to translate the figma design into the code? like gap-x, use the justifying-between.
I know these css params are derived from the taildwild css, but how to judge the numeric like the distance among these companion cards?

image.png
flat pagoda
#

There is no specific technique. You just have to properly understand HTML and CSS. Many beginners think they understand when they are able to read the code, but a deeper level of understanding is needed to write it.