I have designs for a website in Figma and I want to convert them into components library I can use to build the site in Reactjs. I’m unable to translate the designs using Figma Make into pixel perfect react code.
The Figma Designs
The Figma Make output after adding instructions to apply design changes like adding the mobile download buttons.
The Figma Layer organization of the original frame
I am taking this as two possibilities:
- Figma Make is not currently tuned to convert frames into pixel perfect Reactjs code
- The designer who created the designs below didn’t use Auto Layout and Frames efficiently
Could someone help me understand how we can use Figma Make to output pixel perfect designs from Figma frames? I did a quick search and came up empty handed for suitable articles and tutorials to give to the designer to train him to do it and I don’t know if it’s even possible.