UX Collective | Medium

What do Figma’s updates mean for Design Systems?

Figma's updates focus on token-first, structured, and AI-assisted workflows, reshaping Design System team practices. Extended collections enable multi-brand systems by allowing designers to create brand-specific themes linked to a core, master collection. Increased mode limits per plan encourage teams to utilize variables for more variations instead of creating larger component libraries. The built-in import and export as JSON feature facilitates token synchronization and migration between design tools and repositories. Component slots provide greater component flexibility without detaching, allowing designers to customize instances within system-approved patterns. Figma's MCP allows AI tools to access file information, generating component code, tokens, and documentation from the Design System. While offering benefits like code generation and documentation speedup, MCP has limitations, requiring review and refinement from designers and developers. Setting up MCP involves choosing either a remote or desktop server, configuring it with the appropriate URL or preferences in Figma. Tips for using MCP include starting with atomic components and providing full context to AI tools to follow best practices. Despite the learning curves, these updates empower designers with flexibility and structure, enhancing component architecture and streamlining workflows.
favicon
uxdesign.cc
uxdesign.cc