Work with Components in Figma

Offered By
Coursera Project Network
In this Free Guided Project, you will:

Create a master component and learn about instances in Figma.

Create a variant of a component in Figma.

Create a multiple variant option of a component in Figma.

Showcase this hands-on experience in an interview

Clock2 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

Components are popular in engineering and used for building user interfaces and games. Components are elements that you can use in designs when working with Figma. They help to make your projects have consistency. Adding the concept of components to a design tool makes the composition of complex designs more consistent and efficient. The great part of components in Figma is that Figma wants to make components easy to learn and use while still being powerful enough for advanced users. Learning about components will help you to build things faster and more consistently. By the end of this project you will be able to manipulate components in your projects easier.

Requirements

Get Started with Figma on Coursera: https://www.coursera.org/projects/get-started-figma

Skills you will develop

Webpage CreationWeb DesignApplication developmentSoftware EngineeringApplication Design

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Create a master component and learn about instances in Figma.

  2. Create an override on a component in Figma.

  3. Create a multiple variant option of a component in Figma.

  4. Create a binary variant option of a component in Figma.

  5. Format components in Figma.

  6. Create styles for components in Figma.

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.