Maintain a single source of truth for your brand tokens and components between the Figma design kit and your Storefront Next code. Use the Storefront Next Figma agent plugin to duplicate the official design kit for your brand, sync your brand colors and typography from code to Figma, and reflect component changes from code to Figma and vice versa. When you publish the Figma Code Connect mappings, your Figma components show your real React code in dev mode.
Where: This change applies to Storefront Next for B2C Commerce.
How: The Storefront Next Figma agent plugin requires a Figma MCP server. For installation instructions, see Agent Skills & Plugins.