Turning a Figma Design into a Real Website using HTML and CSS

In this video I take you through the process of converting UI graphics design into a website using tailwindcss inside vscode.

This is also part of my bigger series around how I created Enhance AI, a really cool SaaS around using the latest from OpenAI to help developers write code, understand code, write content and blogs and more.

Coupon: ADRIANTWAROG

#figma #html #css

The design for this tutorial can be found below

Figma Design

Enhance AI tools
A series of tools to help solve coding problems, write content and more

Learn Design for Developers!
A book I've created to help you improve the look of your apps and websites.

Feel free to follow me on:

Software & Discounts:

Computer Gear:

Camera Equipment:

[justindacostad]

This video made me much more confident in how often I have to google how the hell to do things.

[atvnbi]

this is how coding tutorials ought to be.

I love you depict the real trials and errors encountered in "real life" coding and how to go about it.

thank you Adrian 💓

[irfanullahshakir]

A straight forward video of how to play with tailwind.Really enjoyed it.Thank you!

[cheryljones]

I loved this. Exactly what I wanted, and so easy to follow. Thank you!

[anon]

Thanks for putting this video together! I was trying to use your Adobe XD to HTML video as a guideline. Just what I needed!
Thanks Adrian!

[Jezza]

You don't know how long I have been waiting for this ... Thank - you 😀❤❤❤

[coledrain]

Not watched yet, but I know it would be great. I have been waiting for this for a while.

Great work Adrian.
Please more of this 🥺

[pranav_zagade]

A straight forward, exact explanation💯

[ideaplusagency]

I'm from Eastern NC. Grew up in Ayden, went to college in Fayetteville, and then lived in Charlotte for 13 years before moving to Atlanta. I've definitely heard of Shelby!!

[andreisimion]

Such a great explanation! Tailwind is really amazing!

[MrStartupX]

Awsm jst what i needed for my project. Thnx a tonne bro.

[LondonATL]

You're a g for this Adrian, my company was looking for a WP developer to send some of our designs to and I told them about you but I'm sure you've got so many gigs.

[young-kodie]

Thanks dude...It helps alot especially on beginners like

[Mohamed-fluv]

Thank you so much, Adrian. You are the real MVP

[Supri_d]

Thankyou for sharing this video.. it's really very helpful for us😍😍🥰🥰🥰

[nickwodzisz]

Awesome video, looking forward to the Javascript addition to this!

[KennethFromSkarpt]

This was very insightful Adrian! Well done, watched the whole thing. Is it normal to completely develop the design of the web pages before you start coding the logic with react?

[webdevsshariful]

Please upload more of this type of project video. Please Please Please. Your design explanations help me a lot in becoming a front-end developer. Thanks a lot.

[semdejong]

Yes please do the react video, that would be awesome❤️

[nyoreachoja]

This was great. Can you please do a video of making the design in Figma?