CSS中像素的Figma尺寸像素

Question

当将Figma设计转换为HTML和CSS时，是否在CSS中逐个复制Figma的尺寸像素...

每当我逐个像素复制维度时，它要么太小，要么太大，但离它的样子并不远。有什么关于如何去做的建议吗？谢谢

Answer 1

Figma中的像素尺寸和CSS中的像素尺寸应该相同。

可能在设计时，您只能在Figma编辑器中查看设计。由于放大/缩小设计文件，您看不到它在实际设备中的外观。

例如，你为a加上font-size: 36px，你的设计就会缩小50%。你会注意到36px在设计中看起来非常小。但是当你将它添加到CSS中并在浏览器中运行它时，它看起来很好。

我建议总是在真实的设备上预览你的设计。在桌面应用程序的浏览器中运行原型。使用Figma mobile预览移动应用程序。我相信你会解决你的问题的。