Frontend Masters - Figma for Developers 2022
Figma for Developers

Frontend Masters – Figma for Developers 2022


Figma for Developers is the name of a training course on prototype design and user interface designs with Figma, published by Frontend Master Academy. Learn Figma to create user interface prototypes. Create shapes and frames that fit different parts of the user interface. You will also learn how to use styles, typography, and reusable components that you can use to create prototypes to show colleagues or potential customers before engineering to build the entire program.

In this course, you will learn how to work with Figma. Prototype design of relationships, use of Figma with responsive designs, and collaboration on ideas will also be covered. This course focuses on developers and will cover tips and tricks for implementing the design created in Figma.

What you will learn in the Figma for Developers course:

  • Understand the basics of Figma and UI design
  • Strategies for capturing a design in Figma and converting it to code
  • How to work with the team using Figma
  • Implement responsive designs using Figma

Course specifications

Publisher: Front & Masters
Instructor: Steve Kinney
Language: English
Level: Introductory to Advanced
Number of Courses: 7
Duration: 5 hours and 34 minutes

See Also:

Udemy – Complete Web & Mobile Designer in 2022: UI / UX, Figma

ZeroToMastery – Python for Business Data Analytics & Intelligence 2022

Frontend Masters – Getting Started with JavaScript, v2 2019

Coursera – Robotics Specialization 2022

Coursera – Practical Data Science Specialization 2022

Course topics

Shared Styles

Styler Plugin

Creating Styles


Exercise Constraints

Solution Constraints

Layout Grids

Layout Grids Exercise

Layout Grids Solution

Auto Layout

Nesting Auto Layouts

Nesting Auto Layouts Exercise

Nesting Auto Layouts Solution


Components Exercise

Components Solution


Variants Exercise

Variants Solution

Swapping Components

Multiple Components & Swapping Instances

Swapping Components Exercise

Swapping Components Solution

Component Recipes

Component Recipe: Notification

Component Recipe: Data Table

Component Recipe: Menu Slot


Wrapping Up

Figma for Developers Course Prerequisites

Figma for Developers Course pictures


Figma for Developers

Installation guide

After Extract, watch with your favorite Player.

English subtitle

Quality: 720p

download link

Download Part 1 – 1 GB
Download Part 2 – 139 MB
file password link
Follow On Facebook
Follow On Linkedin
Follow On Reddit