Free courses from frontend to fullstack and AI
Power BI Fundamentals - Create visualizations and dashboards from scratch
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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.
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