Figma to React : Build 10 Login Pages in React 2022

Udemy Certificate USD 24.99
Enroll now →
Figma to React : Build 10 Login Pages in React 2022

About this course

FigmaFigma is a vector graphics editor and prototyping tool which is primarily web-based, with additional offline features enabled by desktop applications for macOS and Windows. The Figma mobile app for Android and iOS allows viewing and interacting with Figma prototypes in real-time on mobile devices.ReactReact is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.What you will learn in this course.The main concept of this course is building live projects from Figma Designs and Prototypes in React JS.So this course is a combination of React + CSS Mastery and a little bit of Figma. There won't be any lectures about Figma in this course, but by this course, you will have some basic idea about Figma and how Figma works.We will design 10 Login Pages in React + CSS by using Figma Resources.In This 10 Login pages will cover almost every topic in the CSS like..TypographyDivs, Sections, Containers Margins and PaddingsPositionsAbsolute and Relative PositionsFlexboxesBox ShadowsBootstrap GridsResponsive nessEvery login page will have a unique theme and purpose.

What you'll learn

  • create functional login pages in React
  • understand CSS properties like flexbox and grid
  • gain a basic understanding of Figma's design capabilities

Course objectives

  • build 10 distinct login pages from scratch
  • implement various CSS techniques in web design
  • integrate design and development workflows

Skills you'll gain

Related courses

Course details are provided by the platform and may change — always confirm on the provider's site. Links may be affiliate links.