DEV Community

Discussion on: Gatsby + Figma + Netlify = Free Landing Page

Collapse
 
yellow1912 profile image
yellow1912

On this topic, I would like to ask if figma can reliably convert design into html now? I know there are plugins but they always seems to have issues.

Collapse
 
ramshengale profile image
Ram Shengale

There are a bunch of plugins that you can use for this but most of the plugins create very poor quality and bloated code. So it's always good to use some Figma conversion service provider to do it who can convert designs by hand coding.

Collapse
 
kr4idle profile image
Pete Steven

There are not that many tools and apps that reliably export figma to html/css and mostly because they export elements positioned absolutely, which is not so helpful when it comes to responsiveness.

You can try Desech Studio which will import your figma design file and create html elements with proper nesting and positioned with css grids. You still need to adjust margins after that, but a lot of the code is taken care of.

Have a look at this quick youtube tutorial

Collapse
 
fajarsiddiq profile image
Fajar Siddiq • Edited