html - 所有元素均固定在figma设计中

Question

我正在尝试将Figma设计转换为html和css，但在设计中所有元素的位置都是绝对的。

导航项的样式之一:

position: absolute;
width: 79px;
height: 16px;
right: 395px;
top: 13px;

网格元素的样式:

position: absolute;
height: 200px;
left: 0px;
right: 0px;
top: 0px;

我是figma新手，这是我第一次看到这样的东西。我不知道这是否是传统的。他们希望我也能做出响应式设计。但由于它们都是固定的，我无法使用 Flexbox 和网格系统。执行此操作的常规方法是什么？

Answer 1

你不应该关注figma添加的位置。这些位置值来自画板本身的位置。您的网站永远不会有这些精确的尺寸。

我的建议是仅使用与元素外观相关的Figma 样式。比如背景颜色、字体大小等等。您应该自己进行定位。