Figma plugin development - Positioning issue in elements with transform property

147 Views Asked by At

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

1

There are 1 best solutions below

0
On

You need to specify the transform-origin property.

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