Figma to React: Build 10 Login Pages in React 2022

Figma

The Figma is a vector graphics editor and prototyping tool that is mostly web-based, but there are also desktop applications for macOS and Windows that can be used offline. Figma has a mobile app for Android and iOS that lets you see and interact with Figma prototypes in real-time on your smartphone or tablet.

React

This front-end JavaScript library is free and open source. It lets you build user interfaces with UI components. It is run by Meta and a group of developers and businesses. React can be used to build single-page or mobile apps.

What you’ll learn in this class.

The main idea of this class is to build real projects from Figma Designs and prototypes in React JS.

I took React + CSS Mastery and a little bit of Figma in this class, so it’s a mix of both. By the end of this course, you will have a good idea of Figma and how Figma works.

We will use Figma resources to make 10 React + CSS login pages.

In these 10 Login pages, we’ll talk about almost every subject in CSS, like how to make a website look good and how to write code.

• Learn about Typography
• Divs, Sections, Containers
• Learn about Margins and Paddings
• Positions
• Learn about Absolute and Relative Positions
• Flexboxes
• Box Shadows
• Bootstrap
• Grids
• Responsive ness

Every time you log in, there will be a different theme and a different reason.