css - Figma的CSS中像素的尺寸像素

Question

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

每当我为像素复制尺寸像素时，它要么太小，要么太大，但与它的预期外观相差不远。关于如何解决这个问题的任何提示？谢谢

Answer 1

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

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

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

我建议始终在真实设备上预览您的设计。在浏览器中运行桌面应用程序的原型。对于预览移动应用程序，请使用 Figma mobile。我相信你会弄清楚你的问题。