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
source