AdobeStock_1266459940

UI DESIGN WITH FIGMA: BUILD REUSABLE COMPONENTS | Three-hour workshop

Modern digital products aren’t designed screen by screen—they’re built from reusable components that keep interfaces consistent, scalable, and efficient. Understanding how components work is one of the core skills behind professional UI design.

This hands-on, instructor-led workshop introduces how to create reusable UI elements in Figma, the industry-standard design tool used by product and UX teams.

In this three-hour session, you’ll build a functional search interface step by step, create a reusable button and search field, and turn them into a fully responsive component. As you work, you’ll see how updates automatically scale across designs and why component-based workflows are essential in real product environments. No prior Figma or design experience required. 

 
Design | AVAILABLE ONLINE

Join US

  • Hands-on practice
  • Live instruction
  • Applicable UI skills
Get Started

Workshop Dates

If you don’t see a time that works for you, check back again soon—we’re always adding new workshops to the calendar.
Keep in mind, registration closes 24 hours before the workshop start date.

Online
Register
Apr 23

Thu: 11:00am - 2:00pm EDT

OnlineNew York City
Register
Apr 23

Thu: 11:00am - 2:00pm EDT

OnlineLondon
Register
Apr 23

Thu: 11:00am - 2:00pm EDT

OnlineMontenegro
Register
Apr 23

Thu: 11:00am - 2:00pm EDT

OnlineParis
Register
Apr 23

Thu: 11:00am - 2:00pm EDT

Who’s this for?

This workshop is ideal for…

  • Beginners who want practical experience using Figma for real UI design workflows
  • Designers, product professionals, or developers learning how scalable interface systems are built
  • Anyone curious how professional teams maintain consistency across large digital products
20160706-TBRelayGA_1476

Tooling/technical requirements

To participate in this workshop, you’ll need to make sure you’re set up for success with the following:

  • A free Google account
  • A Zoom account
  • A free Figma account
  • Access to a desktop or laptop computer (Figma performs best on non-mobile devices)   
hands-on-laptop

Key Takeaways

You’ll leave this workshop confident in your ability to:

Build reusable UI components in Figma

Create structured interface elements using frames, styling, and Auto Layout so they can be reused across designs.

Understand how component updates scale automatically

See how editing a component once updates every instance, helping teams maintain consistency and reduce manual work.

Apply component-based thinking to real product design workflows

Learn why reusable design systems are foundational to modern UX and how they support faster, more reliable product development.

Workshop Agenda

Learn how modern product teams use reusable components to maintain visual consistency and streamline design work.
Build a styled button using frames, typography, gradients, nesting, and Auto Layout while learning how structure affects responsiveness.
Create a search field, combine elements into a single reusable component, and test how it adapts to layout changes.
Add your component to a library, create multiple instances, and see how centralized updates propagate across your design.

QUESTIONS? WE'VE GOT ANSWERS.

We understand that sometimes plans change. If you can no longer make it to a class or workshop, please email help@ga.co at least seven days before the scheduled event date. No refunds will be given to cancellations made within a week of the class or workshop.
Look out for an email one day before, and one hour before the workshop with the Zoom link and workshop materials. If you don’t see the email, check your spam folder or reach out to help@ga.co and we’ll make sure you’re set up.
This workshop involves three hours of live instruction.
You bet—we want you to continue practicing and referencing the things you learned long after your workshop ends. You should receive the recording and any in-class materials within one week of your workshop via email.
We don't believe your education should end when your workshop does, so you'll have plenty of time to access your class recordings to review and revisit what you've learned at your own pace.
Yes. We love this for you. If you enroll in a short course within six months of your workshop, you can apply what you paid for the workshop toward your course. Talk to an admissions specialist to learn more about this — no strings attached.
Think of free classes as the “sample spoon.” No cost, no commitment, and you can try as many flavors as you want. Free classes are one-to-two hours long and hosted in a Zoom webinar where participant audio/video is automatically off, and interaction is contained within Zoom chat and Q&A functions. Workshops, on the other hand, are more like the “single scoop.” It costs a little, but you get a lot more. Workshops are three-to-seven hours of live instruction hosted in a Zoom meeting room where participants can share audio/video and interact live with instructors and classmates.
1 REFUND POLICY
We understand that, sometimes, plans change. If you can no longer make it to a class or workshop, please email us at least 7 days before the scheduled event date. No refunds will be given to cancellations made within a week of the class or workshop.

2 COMMUNITY CODE OF CONDUCT
Your registration for or attendance at any General Assembly offering indicates your agreement to abide by this Community Code of Conduct policy and its terms.
Get Started