Connecting Design and Code: Unifying Your Design System | Friends of Figma

Hey DesignOps Friends, please enjoy the recording of the Friends of Figma open panel, with Tiago Almeida, Raquel Pereira, and Beau Ulrey to discuss Connecting Design and Code: Unifying Your Design System! The goal of our session is to explore the latest strategies and tools for integrating design and code, aligning component information architecture, measuring design system success, and driving system change through innovation. Topics that we are going to cover: 1. Seamless integration: Linking Design components from Figma with Engineering components from Storybook; 2. Aligning component information architecture: Strategies for grouping, naming, variations, and achieving consensus across teams; 3. Measuring success: Creating analytics on design and code coverage; 4. Unlocking system change: Innovative tools for streamlining and connecting your design system processes; Meet our speakers: ⭐️ Tiago Almeida (Design Ops, Design Systems and Leadership — Ex-Klarna/Mentimeter, https://www.linkedin.com/in/menosketiago/) ⭐️ Raquel Pereira (Design Ops @ Volkswagen Digital Solutions | Figma Community, https://www.linkedin.com/in/raqper/) ⭐️ Beau Ulrey (Sr Design System Manager, VP at U.S. Bank, https://www.linkedin.com/in/beauulrey/) Table of Contents 00:00 Intro 04:57 Goals 06:09 Current Challenges 09:05 Observations 10:33 Information Architecture 16:46 Org Structure Mapping 17:21 Frameworks 23:59 Platforms 25:32 Scale Challenges 28:04 Core Design Systems 30:07 Product Libraries 34:15 Governance Models 44:10 Connecting Design & Code 44:58 Integrations 51:44 AI again :D Our FigJam file: https://www.figma.com/file/xxVX9OlAh7njLjspwaFfdm/Connecting-Design-and-Code%3A-Unifying-Your-Design-System?type=whiteboard&node-id=0%3A1&t=FcnU3kvplnl4EVEG-1 Join the community and find all the links at https://friends.figma.com/designops/ Don't miss our next sessions. Follow us on other social media: - Twitter: https://twitter.com/fof_designops; - Community: https://friends.figma.com/designops/)