Code Connect: 디자인과 코드의 연결

핵심 아이디어

Code Connect는 디자인과 코드 사이의 간극을 해소하여 디자인 시스템의 채택률을 높이기 위한 Figma의 새로운 기능이다.

요약

개발자들에게 자동 생성된 CSS 대신 디자인 시스템 팀이 제공하는 실제 코드와 문서를 제공하여 개발자들이 디자인 시스템을 더 쉽게 사용할 수 있도록 한다. NPM(JavaScript/TypeScript) 및 Swift Package Manager(SwiftUI)를 통해 제공되어 개발자의 기존 워크플로우에 자연스럽게 통합된다.

견해

디자인과 개발 사이의 자연적인 단절을 해소하는 접근법은 매우 중요하며, Code Connect가 제공하는 방식은 두 분야를 유기적으로 연결하여 일관된 제품 개발을 가능하게 한다.

출처

The Right Code for Your Design System | Figma Blog