1

I am facing a positioning issue in Figma design to HTML & CSS conversion. The element which has transform property is not rendered as expected in HTML when compared with the Figma design. In the attached sample, plus icon is not rendered as expected. Please find the screenshots below Figma_design_reference.png - For Figma desgin file, HTML.png - HTML file with positioning issue in the plus icon Actual figma design Figma desgin property reference HTML with position issue

ConnectingCode
  • 441
  • 2
  • 13
  • Please provide a link to your Figma file showing the problem, so that we can help you troubleshoot. –  Feb 03 '23 at 19:38

1 Answers1

1

You need to specify the transform-origin property.

Here you can find documentation explaining the different value for that css property.

Max
  • 196
  • 1
  • 5
  • 14