Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Figma Bootcamp 1 – Learn Components Quickly

Give yourself an edge in the UI design world by learning the basics of components and how they can help your interactive design.Quickly create components (li...
(14 reviews)
1,898 students
Created by


CourseMarks Score®







Platform: Skillshare
Price: $Free trial, then $8/month
Video: 2h 14m
Language: English
Next start: On Demand

Top Figma Software courses:

Detailed Analysis

CourseMarks Score®

7.8 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness Score

9.0 / 10
This course was last updated on 6/2020.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Student Feedback

6.2 / 10
We analyzed factors such as the rating (3.6/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Content Score

7.7 / 10
Video Score: 7.9 / 10
The course includes 2h 14m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
Detail Score: 9.7 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 1.0 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

0 article.
0 resource.
0 exercise.
0 tests or quizzes.

Table of contents


Give yourself an edge in the UI design world by learning the basics of components and how they can help your interactive design.  Quickly create components (like symbols) in Figma that work for you by stretching for responsive design, build easy compositions, and edit on the fly. This class walks through the entire system of components, and how each are built in a step by step process. This class also goes deep into how to use components to speed up your User Interface Design process and easily create different variations of the same component. By breaking each component down into separate videos, you can quickly jump to components that you need help with and not get overwhelmed.  This Figma beginner class will give you the tools to launch your User Interface Career.

This class dives into these breakout sessions:

  1. Menu components and setup.
  2. Form components and how to build master form components.
  3. Client changes – quickly shift design by editing master components.
  4. Buttons – master responsive button components and secondary buttons with different states.
  5. Floating menu – easily change the original menu into a floating menu by editing components.
  6. Button with icons – building buttons with multiple icons and active states ie: social media buttons.
  7. Selection components – radio buttons and check boxes with active states. 
  8. Tab components – using responsive components to easily add new tabs and show the active state.
  9. Tables – using components to speed up your design build and dynamically change the content. 
  10. Block-quote callout – How to make a block-quote design with three different areas and how to make it responsive to the content. 
  11. Pricing tables – using 1 component to build out a quick 3 column pricing table that shifts to your design.


  • Connect with Brian on his website, Instagram, Facebook and Twitter

You will learn

Make a web design or web application page using components and the skills taught on this class. 

Follow Brian’s process to build out a component filled web page. Some questions to look at during your build:

  • What components do you use the most?
  • Are there more questions you would like answered? 
  • How do you save your component systems?

Wherever you are in the process, share your work, and questions here. I can’t wait to see what you come up with! 


There is no prerequisite, anyone can begin this course.. This course is also great for beginners without any Figma Software knowledge.

This course is for

This course is suitable for beginners.

How much does the Figma Bootcamp 1 - Learn Components Quickly course cost? Is it worth it?

You can enrol in this course with a Skillshare subscription that costs $8/month, but you start with a FREE 7-day trial. You can also enrol in thousands of courses on a variety of topics with your subscription, including several Figma Software courses.

Does the Figma Bootcamp 1 - Learn Components Quickly course have a money back guarantee or refund policy?

There is no money-back guarantee with Skillshare, but you can start with a free one-week trial to learn without risk. With the subscription, you can download classes to your tablet or phone using the Skillshare app.

Are there any SCHOLARSHIPS for this course?

At the moment we couldn't find any available scholarship forFigma Bootcamp 1 - Learn Components Quickly, but you can access more than 30 thousand classes for $8/month on Skillshare, including this one!

Who is the instructor? Is Brian White a SCAM or a TRUSTED instructor?

Brian White has created 7 courses that got 54 reviews which are generally positive. Brian White has taught 3,031 students and received a 4.1 average review out of 54 reviews. Depending on the information available, Brian White is a TRUSTED instructor.
UI Designer / Brand Designer

Brian is the creative director of Brian White Design in Lawrence. He directs the studio’s strategic and creative growth while also serving as senior designer on many client projects. Enthralled by the color, layout, pattern and typography of branding, Brian loves to apply this outlook to clients and businesses. He brings an abundance of national branding industry and user-interface experience to the table and has developed a strong foundation in interactive brand strategy. Brian enjoys connecting and collaborating with outside agencies and design studios that share similar loves in brand and interactive design. Some of the companies Brian has worked with include: Motorola, PBS, Sprint, Dell, Capital One, Geico, Microsoft, Kansas University, Arizona State University, Coupons Inc., American Cancer Society, Mayo Clinic, SAP, American Society of Diabetes, Legacy, AFT, Dairy Farmers of America, Verizon, WatchGuard, and more. 

Brian is a Pro Builder for Elementor which he uses for all his WordPress website builds.  He uses Siteground for his web servers. He uses stock images, video and audio from envato. He uses Envato Elements for his branding and design mockups.

Want to be the first to know about new resources including classes, bonus content, and design resources (freebies)? Sign up for my email news alerts here.


Follow along at https://www.instagram.com/brianwhitedesign/ and https://twitter.com/BWhiteDesign and https://dribbble.com/BrianWhite. 

Brian has also worked in art, design, and communication arts for 20 years. He loves to try new styles and techniques in both painting and printmaking. He is constantly pushing the boundaries of what he can accomplish with both oil and acrylic paint. He likes to work in a variety of styles and sizes. Brian also works in block prints and relief prints with unique linoleum to get the “dry etch” line-work of intaglio prints. Brian lives with his wife of 20 years Jenni (also an artist) and three kids in Lawrence, Kansas where their studios reside.  

Spread and interview of Brian below by Christina King done for Johnson County Community College showcasing a few of his portfolio pieces. 

My wife Jenni.  :) 

Specialties: User Interface Design, Application Design, Web Design, Logo Design, Branding, Identity Design, Social Media Design, Icon Design, Illustration, Video Design, and Print Design.


CourseMarks Score®







Platform: Skillshare
Price: $Free trial, then $8/month
Video: 2h 14m
Language: English
Next start: On Demand

Students are also interested in

Get this widget on your website (for course creators):

Figma Bootcamp 1 - Learn Components Quickly rating
Copy this code and paste it to your website:
<a href="https://coursemarks.com/course/figma-bootcamp-1-learn-components-quickly/" target="_blank" title="Figma Bootcamp 1 – Learn Components Quickly on Coursemarks.com"><img border="0" src="https://coursemarks.com/widget/cmrated.svg" width="200px" alt="Figma Bootcamp 1 – Learn Components Quickly rating"/></a>