Learn how to turn Figma designs into code using AI. In this course, you will learn how to easily create and deploy frontend code starting with just a design.
✏️ Course developed by @AniaKubow
Sample Figma design to follow along: https://www.figma.com/community/file/1344907822759018861/localhost-website
Get started with Locofy: https://www.locofy.ai/
?️ Locofy provided a grant to make this course possible.
⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:54) What is Figma?
⌨️ (0:02:22) The design
⌨️ (0:06:28) Locofy Lightning and LocoAI
⌨️ (0:25:18) Let’s build out our app!
⌨️ (0:40:45) Sync to GitHub
⌨️ (0:49:40) Create a Database
⌨️ (0:54:49) Create Authentication
⌨️ (1:28:20) Let’s deploy our app!
? Thanks to our Champion and Sponsor supporters:
? davthecoder
? jedi-or-sith
? 南宮千影
? Agustín Kussrow
? Nattira Maneerat
? Heather Wcislo
? Serhiy Kalinets
? Justin Hual
? Otis Morgan
? Oscar Rahnama
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news