【问题标题】:Figma's dimension pixel for pixel in CSSFigma的CSS中像素的尺寸像素
【发布时间】:2021-10-08 04:47:17
【问题描述】:

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

每当我逐个像素地复制维度像素时,它要么太小,要么太大,但与它的预期外观相差不远。 关于如何解决这个问题的任何提示?谢谢

【问题讨论】:

    标签: css responsive-design frontend responsive figma


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 感谢您的回复。我不是在谈论 Figma 中的设计。我说的是为 Web 开发编写 HTML 和 CSS 时的设计实现。当我将 CSS 尺寸从 Figma 复制到我的 css 文件时,它不能准确地转换为 figma 设计中的内容
    猜你喜欢
    • 1970-01-01
    • 2014-08-22
    • 1970-01-01
    • 1970-01-01
    • 2021-06-24
    • 1970-01-01
    • 2013-01-30
    • 1970-01-01
    相关资源
    最近更新 更多