🎨 Lyft의 확장 가능한 컬러 시스템 저는 개인적으로 Lyft라는 회사를 Colorbox라는 프로젝트로 처음 알게 되었는데요. 컬러를 체계적이고 효율적으로 디자인하기 위한 내부 팀의 노력이 인상적이었습니다. 이번 글에서는 Lyft의 디자인 시스템 매니저 Linzy Berry가 어떻게 하면 확장 가능한 컬러 시스템을 구축할 수 있는지 이야기합니다. 👉 컬러 시스템은 Color spectrum과 여러 Color spectrum의 조합으로 이루어진 Palettes로 이루어집니다. 👉 Palettes는 'Text primay', 'Text placeholder' 등 제품에 직접 사용하는 컬러임을 확인할 수 있습니다. Lyft팀은 피그마에서 해당 팔레트의 description에 어떤 Color spectrum을 사용했는지 명시하고 있네요. 👉 디자인 시스템을 효율적으로 관리하기 위해 코드와 디자인에서 모두 'Lint'를 사용하고 있다고 합니다. Lint는 특정 프로그램을 지칭하는 것은 아니고, 컨벤션 등 규칙을 지켜서 코드를 작성했는지 확인해주는 툴인데요. 이와 비슷하게 피그마에서 디자인을 규칙을 지켜서 작성했는지 확인할 수 있는 플러그인을 자체적으로 제작하여 사용하고 있다고 합니다.