Figma, Drupal, and Design Systems


When managing multiple websites under a single brand, having a flexible design system is key. Temple University has a mature Drupal 9 component framework that needed to be replicated in Figma so that internal groups at Temple could sketch out new web pages, allowing them to experiment with content while easing the path to development. In this session, we will walk through how we organized, architected, and built a library in Figma with dozens of components, variants, properties, and styles. We will highlight some differences between Figma and CSS, workarounds, and demonstrate how the new library allows prototyping pages in minutes.

Session Track: UI/Visual Design
Experience Level: Everyone
Date: Thursday July 20
Time: 02:30-03:15
Room: 206