Work with Components in Figma

Offered By
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

2 hours
Intermediate
No download needed
Split-screen video
English
Desktop 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 Creation

  • Web Design

  • Application development

  • Software Engineering

  • Application 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

Because your workspace contains a cloud desktop that is sized for a laptop or desktop computer, Guided Projects are not available on your mobile device.

Guided Project instructors are subject matter experts who have experience in the skill, tool or domain of their project and are passionate about sharing their knowledge to impact millions of learners around the world.

You can download and keep any of your created files from the Guided Project. To do so, you can use the “File Browser” feature while you are accessing your cloud desktop.

At the top of the page, you can press on the experience level for this Guided Project to view any knowledge prerequisites. For every level of Guided Project, your instructor will walk you through step-by-step.

Yes, everything you need to complete your Guided Project will be available in a cloud desktop that is available in your browser.

You'll learn by doing through completing tasks in a split-screen environment directly in your browser. On the left side of the screen, you'll complete the task in your workspace. On the right side of the screen, you'll watch an instructor walk you through the project, step-by-step.