Automating QA for Figma to HTML: Best Approach to Extract CSS Properties and Text from Widgets

We’re working on automating the QA process for validating the design in Figma after it’s translated to HTML. Specifically, we need to extract and compare the CSS properties (e.g., padding, background color, alignment) and the text content of Figma widgets to their corresponding HTML elements.

Does Figma offer any prebuilt plugins or tools that allow easy extraction of these properties and text? Alternatively, would the Figma REST API be a good approach to read these properties and text directly? Any suggestions or experiences on how to best automate this process would be greatly appreciated!

Thank you in advance for your help!

1 Like