Figma To HTML - One Page Website - Setting Things Up

Hi guys, in this video I will set everything up for our website which we are designing. We are basically converting a Figma design to a real website.

[maskman]

this tutorial is exactly what i am looking for, From figma design to html, css, the only channel that explains turning figma design to code, great job !!!

[jayhu]

Amazing series about integrate design into HTML .You bring it to the next level. Many thanks.

[aryagoswami]

Great primer tutorial! I have been stuck on something though with one of my style guides in Figma. Hoped if you could answer it. My Figma frame is that of Macbook Pro. But my original screen size is slightly smaller. So when I apply the padding and margin properties from Figma to CSS, the results are not as expected. So the question is, how to consistently style the elements from Figma to any desktop screen size! :-)

[adilbek.ermekov]

why my color variables doesn't work in the same way as yours?

[amitdabas]

Hi.. I have a query if you can please help. I have designed a page in Figma, is there any way I can simply export the code? I want it to be a responsive design.

Many thanks

[hiwayshoes]

Hi GTCoding, I have a question about the Google fonts. Is it better to place the font link in the html or rather to place it as an import to the css file? Is there a difference as to where or why one should have it in one place or the other? I have read the Google fonts documentation and I don’t find anything that says one way is better than the other. Does it make a difference as far as the code itself? This is just my curiosity. I look forward to this series, you are so helpful as always... Cheers!