How does a front end web developer write code for a design given by the UI designer?

Do frontend have to know Design tools like Adobe Xd, Figma, sketch to get colors, spacing, fonts, animation and so on? I'm really confuse, how frontend developer can get spacing, width, height, and sizes from UI design parts? Please elaborate