Skip to content

Building better UI in Figma

Thanks to everyone who joined us the night of June 15 with Jennifer Smith for another session of our monthly speaker series.

Jennifer shared with us a beginner’s guide on building a UI in Figma to convert it into a reusable design system and create shareable prototypes.

If you missed the presentation, you can view a recording on the UXPA Boston YouTube page.

If you would like to work alongside the presentation, you can download a copy of Jennifer’s files.

In this session, you’ll learn how to build a UI in Figma to convert it into a reusable design system easily.

You see how artwork is prepped to become viable components and learn to override and update layout constraints. You also learn best practices for naming and organizing your design elements and other content. This session includes helpful tips and tricks throughout.

  • Frames in more detail
  • Layout controls and constraints
  • Components
  • Styles
  • Best practices for naming and organizing layers

Taking it to the next level

If you want to build on the topics discussed in this session, we have a companion, in-person workshop planned for next weekend: Taking Figma to the Next Level.

About our workshop

Take Figma to the next level in this informative in-person workshop.

This Figma workshop is for those who have been creating basic user interfaces and prototypes but want to focus on more responsive and reusable components. You’ll see how to create and build UI patterns and add them to a design library. You’ll also discover best practices for naming and organizing type, color styles, and components. Lots of tips and tricks are demonstrated throughout this workshop.

  • Frames vs Grouping and Auto Layout
  • Layer organization
  • Components, variables, and more
  • Prototyping tips and tricks

Register for the workshop

About our speaker

Jennifer Smith, she/her

Jennifer co-founded American Graphics over 25 years ago, leading the experience design practice. Over the years, she has had the opportunity to work closely with user experience and visual design teams from hundreds of organizations, from Fortune 500 companies to smaller organizations. She helps agencies and internal teams discover how to build information and visual designs to create successful experiences. Jennifer continues to take on projects and has designed websites, mobile apps, and IoT devices. Jennifer is also a 3X Microsoft MVP and a Microsoft artist in residence.


About our partners

American Graphics Institute (AGI)

For more than 25 years, American Graphics Institute has provided training programs to 50,000 clients, including 90 Fortune 100 companies. We’ve been hired by Adobe, Apple, Amazon, Google, and Microsoft to deliver UX training, Photoshop classes, InDesign courses, and more to their employees.


We have always believed everyone should be able to achieve their best health. While healthcare can be complicated, when we work together, it doesn’t have to be. Humana makes it simple by offering personalized care, from people who care. We combine innovation with compassion to change the future of healthcare. We get to know the unique needs of our members and our communities, and, together, we create solutions to help people achieve the best version of themselves.