How to make html layout of elements list based of figma pages ?

Discussion in 'HTML & Website Design' started by mstdmstd, Jun 20, 2023.

  1. #1
    Hello, I need to make html layout of elements list based of figma pages

    and I wonder in which I have to implement this list, as many elements have


    position: absolute;
    
    width: InetegerValueInPx;
    
    height: InetegerValueInPx;
    
    left: InetegerValueInPx;
    
    top: InetegerValueInPx;
    Code (CSS):

    properties and what comfuse me that

    position: absolute;
    Code (CSS):
    Which values/points are coordinate for these InetegerValueInPx ?

    I know when position = absolute coordinated are global values for all the docs.

    Looks in figma they are different ? How can I do it inmy html layout ?

    I have watched some video on youtube, but I did not find answer to this question...
     
    mstdmstd, Jun 20, 2023 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    1) it's integer, not ineteger.

    2) Figma is not a design tool, it's a paint program. Anyone telling you otherwise doesn't know what design is.

    3) Using pixels is the fastest way to tell accessibility to go f*** itself. Part of why Figma is not a design tool.

    4) If you have to absolute position large sections of layout, your layout is trash. Another reason Figma is not a design tool.

    I'm having trouble deciphering the rest of what you're saying as it's kind-of gibberish. If we could see what you were handed from the outmoded bass-wackard rubbish that is figma, it might be easier to answer.

    But I'm 99% certain absolute positioning is NOT what you should be doing. It exists for a reason, but generally you shouldn't have to resort to it when building a layout.
     
    deathshadow, Jun 21, 2023 IP