# The right code for your design system

DevFeed: [The right code for your design system](<https://devfeed.tech/articles/the-right-code-for-your-design-system-9870.md>)

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

Author: Emil Sjölander

Published: 2024-04-16T00: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>), [Code](<https://devfeed.tech/topics/code.md>)

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

## AI overview

Figma announces the beta of Code Connect, a feature that helps organizations improve design system adoption by showing developers customized snippets using their actual design system code in Dev Mode instead of auto-generated CSS.

## Source excerpt

Today, we're announcing beta for Code Connect, a feature built to improve design system adoption by making code more accessible and useful for developers.