Learn how to transform a Figma design into a functional web application using Anima and connect it to a database in this comprehensive tutorial. Follow along as the instructor guides you through exporting a Figma design, converting it to code with Anima, and integrating it with a backend system. Create a React app, set up a database, and implement the generated code from Anima into your project. Explore techniques for hooking up the database, organizing components, and retrieving account data. By the end of this 2-hour and 12-minute session, gain valuable insights into working efficiently with existing designs as a developer and discover next steps for further improvement.
Overview
Syllabus
Introduction
Exporting our Figma Design
Working with Anima
Creating our Database
Creating our React App
Creating a Backend
Putting our generated code from Anima into our Project
Hooking up our database
Moving Components to separate files
Getting Account Data
Where to go next
Taught by
Code with Ania Kubów
