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:

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:

Don't miss our next sessions. Follow us on other social media:

[silviofonseca]

Loved the Session! Great Experience Sharing! Congrats to everyone specially to my Fellows Portuguese!🙂