AI
$149 USD each
$149 USD each
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.
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.
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)
Senior Instructional Associate, General Assembly
Cristianna Cambrice is a UX and Product Designer that has a love for the gaming/Esports industry. She is also an alum of GA and a hackathoner. She has projects that she has worked on that have placed 2nd and runner up for companies such as Marta and Atlanta Airport. On the side, she runs gaming tournaments and works at gaming conventions like DreamHack, Anime Weekend of Atlanta, SIEGE, and Momocon, etc. She is excited to help teach the future students of GA to show them they are not alone, and they can do great work. They may be new and nervous, but she enjoys giving them confidence in the work they do and making them feel like they are designers, developers, data scientists, etc. She is excited to be a part of that process.
What is your favorite technical skill to work with on your own projects and why?
I absolutely love usability testing! It’s such a fantastic way to really grasp how something works by putting it to the test. When things go well, I know I’m headed in the right direction. If there are hiccups, I joyfully dive back in to make the necessary adjustments and give it another go. It’s like following a fun scientific adventure!
Teaching how to build small components in Fimga and Zoom habits is truly rewarding! Seeing them create in Figma and then playfully explore their limits brings me joy. Together, we can discover solutions and enhance our understanding of how to use these tools more efficiently. Zoom can be overwhelming if one isn't used to it, so having them annotate and practice moving around rooms helps the remote environment.
It's all about being patient with yourself and remembering that nothing has to be perfect!
If you’re finding learning a bit challenging or if it’s been a while since you’ve been in a learning environment, it’s totally normal to feel a little out of place. Just remember, being patient with your skills—and with yourself—can make a big difference. We’re here to support you on your learning journey, and this is a safe space to make mistakes and grow! It’s perfectly fine if some folks in the class are at different skill levels; what matters is that we’re all in this together. So, don’t forget to give yourself some kudos for embracing new things!
WHAT CRISTI'S STUDENTS ARE SAYING...
"Cristianna is invested in making sure each student is provided the best opportunity to succeed at GA. She is extremely patient during 1:1 sessions and does a great job trying to find solutions to any problems posed by students. Her expert knowledge of Figma is evident in these sessions, and she is quick to respond to any questions during class and after hours via slack/zoom. She conducts herself in a professional manner and has been a pivotal source of support during the course."
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.