AI
$149 SGD each
$149 SGD 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)
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.
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.