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
