# Unlocking the power of Code Connect: Best practices for design systems teams

DevFeed: [Unlocking the power of Code Connect: Best practices for design systems teams](<https://devfeed.tech/articles/unlocking-the-power-of-code-connect-best-practices-for-design-systems-teams-10175.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/unlocking-the-power-of-code-connect/>)

Author: Annie Berrones

Published: 2024-05-22T00:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [systems](<https://devfeed.tech/topics/systems.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [collaboration](<https://devfeed.tech/tags/collaboration.md>), [design-systems](<https://devfeed.tech/tags/design-systems.md>), [developers](<https://devfeed.tech/tags/developers.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

## AI overview

Figma's Code Connect beta is presented as a way to improve design system adoption by making code more accessible and useful to developers. The article discusses how shared language, patterns, components, and source-of-truth practices can bridge design and development workflows and reduce inconsistencies.

## Source excerpt

Design system leads and developers at Bumble, GitHub, and HP share how they're leveraging the new Dev Mode feature to bridge the gap between design and code.